:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;font-size:14px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}.login-page{position:fixed;inset:0;background:#555;display:grid;place-items:center}.login-card{position:relative;width:442px;min-height:342px;padding:10px 28px 34px;background:#fff;border:1px solid #222;border-radius:7px;box-shadow:0 1px 2px #333}.login-language{height:47px;display:flex;justify-content:flex-end;align-items:flex-start;gap:10px}.login-language select,.utilitybar select{height:21px}.globe{font-size:23px;line-height:21px}.login-rule{height:1px;background:#ddd;margin:0 0 31px}.input-row{height:36px;border:1px solid #cbd3da;border-radius:5px;display:flex;background:#fff;margin-bottom:12px;overflow:hidden}.input-row:focus-within{border-color:#55a9e2;box-shadow:0 0 3px #55a9e2}.input-row .input-icon{width:40px;display:grid;place-items:center;border-right:1px solid #e4e8eb;color:#000}.input-row input{width:100%;border:0;outline:0;padding:8px 11px;font-size:14px}.captcha-row{display:grid;grid-template-columns:1fr 123px;gap:13px}.captcha-button{height:43px;border:1px solid #6b8ba0;padding:0;background:#eef4f7;overflow:hidden}.captcha-button img{width:100%;height:100%;object-fit:fill}.login-submit{width:100%;height:35px;background:#298cca;color:white;border:1px solid #6aa9ce;border-radius:6px;font-size:16px;margin-top:7px}.version{position:absolute;right:16px;bottom:10px}.form-error{margin:9px 0 0;color:#b12828;font-size:12px}.portal{min-width:980px;min-height:100vh;background:#fff}.topbar{height:51px;background:#1f3855;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 25px}.brand{font-size:20px}.brand small{font-size:12px}.welcome{min-width:292px;padding:10px 15px;text-align:center;border-radius:22px;background:#3b6287;font-size:14px}.utilitybar{height:32px;background:#fffdf0;border-bottom:1px solid #f5f1dd;color:#4d85a7;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.utilitybar b{font-weight:400}.utilitybar label{display:flex;gap:10px;align-items:center}.workspace{height:calc(100vh - 83px);display:grid;grid-template-columns:211px minmax(0,1fr);overflow:hidden}.sidebar{height:100%;border:1px solid #bbb;border-radius:6px 6px 0 0;background:#f7f7f7;margin:6px 0 0 7px;overflow:hidden}.sidebar button{display:flex;align-items:center;gap:8px;width:100%;height:41px;padding:0 11px;border:0;border-bottom:1px solid #d6d6d6;background:#f3f3f3;text-align:left;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#ebebeb}.sidebar span{width:22px;font-size:22px;text-align:center;color:#111}.sidebar b{font-weight:400;font-size:15px}.content{height:100%;overflow:auto;padding:7px 25px 40px 20px}.panel{border:2px solid #d0d0d0;border-radius:4px;background:#f7f7f7;box-shadow:0 2px 0 #999;margin-bottom:11px;padding:0 20px 18px}.panel-title{height:31px;border-bottom:1px solid #ddd;color:#3d83ae;font-size:18px;font-weight:700;display:flex;align-items:center}.toolbar-line{display:flex;align-items:center;gap:7px;margin:14px 0}.toolbar-line.space{justify-content:space-between}.toolbar-line label{font-weight:700}.text-input{height:42px;border:1px solid #8aa1b0;border-radius:5px;background:#fff;padding:0 8px;font-size:16px}.search-input{width:207px}.date-input{width:205px;height:36px}.blue-button,.purple-button,.red-button{border:0;border-radius:4px;color:#fff;padding:9px 14px;cursor:pointer}.blue-button{background:#3889c5}.purple-button{background:#7d22e6}.red-button{background:#c94f4f}.small-button{padding:7px 11px}.choice-line{font-weight:700;margin:10px 0 15px}.choice-line label{font-weight:400}.choice-line input{margin:0 3px 0 8px}.selection-box{border:1px solid #ccc;background:#fff}.selection-head{display:grid;grid-template-columns:repeat(6,1fr);min-height:43px;align-items:center;text-align:center;font-weight:700;border-bottom:1px solid #ccc}.selection-actions{min-height:42px;display:flex;justify-content:center;gap:39px;align-items:center;border-top:1px solid #ccc}.data-panel{border:2px solid #c9c9c9;border-radius:4px;background:#f7f7f7;box-shadow:0 2px 0 #999;padding:15px 0 29px}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th{height:33px;background:#4da0cc;color:#fff;border:1px solid #fff;font-size:16px}.data-table td{height:30px;border:1px solid #111;text-align:center;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr:nth-child(even){background:#eee}.data-table .update-button{background:#357fbd;color:#fff;border:0;border-radius:8px;padding:6px 12px;cursor:pointer}.empty-row td{height:44px;border:0;color:#666}.section-caption{height:31px;border-bottom:1px solid #ddd;color:#3d83ae;font-size:18px;font-weight:700;display:flex;align-items:center}.quick-buttons{display:flex;gap:6px;margin:10px 0}.report-options{border-collapse:collapse;margin:12px 0}.report-options td{padding:5px 8px}.report-period{color:#555;font-size:12px;margin:5px 0 12px}.settings-table{border-collapse:collapse;min-width:550px;margin:20px 0}.settings-table td{padding:8px}.settings-table td:first-child{text-align:right;font-weight:700}.settings-table input,.settings-table select{width:310px;height:33px}.security-table{border-collapse:collapse;min-width:600px;margin:20px 0}.security-table td{border:1px solid #ddd;padding:9px}.download-view{text-align:center;padding:55px}.download-view img{width:210px;height:210px}.download-view p{font-size:17px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:30}.modal{position:absolute;left:0;right:0;top:334px;min-height:400px;background:#fff;border:1px solid #aab0b6;box-shadow:0 0 4px #777;padding:41px 25px 25px}.modal-close{position:absolute;right:-1px;top:-5px;width:25px;height:26px;border:2px solid #555;background:#fff;color:#555;border-radius:4px;font-size:18px;padding:0}.modal h2{position:absolute;left:25px;top:10px;margin:0;color:#3d83ae;font-size:17px}.dialog-form{border:1px solid #ccc;background:#fff;padding:8px 10px;max-width:720px}.form-grid{display:grid;grid-template-columns:205px 310px;gap:9px 7px;align-items:center}.form-grid label{text-align:right}.form-grid input,.form-grid select{height:33px;border:1px solid #8ea2b1;padding:5px}.dialog-actions{margin:12px 0 0 212px}.game-table{width:100%;border-collapse:collapse}.game-table th,.game-table td{border-bottom:1px solid #ddd;padding:7px;text-align:center}.game-table img{width:45px;height:45px}.pager{display:flex;justify-content:center;gap:7px;margin:18px}.pager button{border:0;background:none;color:#226aa5;cursor:pointer}.message-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);display:grid;place-items:center;z-index:50}.message-box{width:410px;background:white;border:1px solid #888;box-shadow:0 1px 8px #555;padding:0 18px 18px}.message-title{height:36px;margin:0 -18px;padding:9px 12px;background:#f5f5f5;border-bottom:1px solid #ddd;font-weight:700}.message-title button{float:right;border:0;background:none;font-size:20px}.message-box p{padding:15px 0}.message-box>.blue-button{float:right}@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(775px,1fr)}.content{padding-right:10px}.selection-actions{gap:20px}}