*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--red: #C0392B;--red-dark: #96281B;--black: #1a1a1a;--nav-bg: #1e1e1e;--bg: #f4f6f8;--white: #ffffff;--border: #dde1e7;--muted: #6b7280;--input-bg: #f8f9fb;--green: #27ae60;--blue: #2980b9;--shadow: 0 4px 20px rgba(0,0,0,.08)}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--black);min-height:100vh}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo .big{font-family:Bebas Neue,sans-serif;font-size:40px;color:var(--black);letter-spacing:3px}.auth-logo .big span{color:var(--red)}.auth-logo .tagline{font-size:11px;color:var(--red);letter-spacing:4px;text-transform:uppercase;margin-top:4px}.auth-card{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:36px 40px;width:100%;max-width:440px;box-shadow:var(--shadow)}.auth-card h2{font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:26px;padding-bottom:14px;border-bottom:2px solid var(--red)}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.form-group input{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:3px;padding:10px 13px;font-family:Barlow,sans-serif;font-size:13px;color:var(--black);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b17}.form-group input::placeholder{color:#aab0bb}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:20px}.checkbox-row label{font-size:12px;color:var(--muted);cursor:pointer}.checkbox-row input[type=checkbox]{accent-color:var(--red);width:15px;height:15px}.btn-primary{width:100%;background:var(--red);color:var(--white);border:none;border-radius:3px;padding:12px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--red-dark)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.auth-links{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}.auth-links a{color:var(--red);text-decoration:none;cursor:pointer}.auth-links a:hover{text-decoration:underline}.auth-copy{margin-top:22px;font-size:11px;color:#aab0bb;letter-spacing:1px}.alert{position:fixed;top:64px;right:20px;background:var(--white);border:1px solid var(--border);border-left:4px solid var(--green);border-radius:3px;padding:13px 18px;font-size:13px;box-shadow:0 4px 16px #0000001a;z-index:999;min-width:260px;max-width:420px;animation:slideIn .25s ease;cursor:pointer}.alert.error{border-left-color:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.topnav{background:var(--nav-bg);border-bottom:2px solid var(--red);height:52px;display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:8px;margin-right:20px;text-decoration:none}.nav-logo .name{font-family:Bebas Neue,sans-serif;font-size:22px;color:#fff;letter-spacing:2px}.nav-logo .name span{color:var(--red)}.nav-logo .sub{font-family:Barlow Condensed,sans-serif;font-size:11px;color:#888;letter-spacing:2px}.nav-links{display:flex;flex:1;height:52px}.nav-btn{display:flex;align-items:center;gap:4px;padding:0 14px;height:52px;color:#e8e8e8;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:Barlow,sans-serif}.nav-btn:hover{background:#c0392b2e;color:#fff}.caret{font-size:9px;opacity:.5}.nav-right{display:flex;align-items:center;gap:6px;margin-left:auto}.search-box{display:flex;align-items:center;background:#2d2d2d;border:1px solid #444;border-radius:3px;padding:0 10px;height:32px;gap:7px}.search-box input{background:none;border:none;outline:none;color:#e8e8e8;font-size:12px;width:130px;font-family:Barlow,sans-serif}.search-box input::placeholder{color:#666}.user-btn{display:flex;align-items:center;gap:7px;background:#2d2d2d;border:1px solid #444;border-radius:3px;padding:5px 11px;cursor:pointer;height:32px}.user-btn:hover{border-color:var(--red)}.user-btn span{font-size:12px;color:#e8e8e8;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-btn .c{font-size:9px;color:#888}.params-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2d2d2d;border:1px solid #444;border-radius:3px;cursor:pointer;color:#888;font-size:14px}.params-btn:hover{border-color:var(--red);color:#fff}.dd-wrap{position:relative}.dropdown{position:absolute;top:52px;right:0;background:var(--white);border:1px solid var(--border);border-top:2px solid var(--red);border-radius:0 0 4px 4px;min-width:210px;box-shadow:0 8px 24px #0000001f;z-index:200}.dropdown.params{min-width:230px}.dd-item{display:block;padding:10px 15px;font-size:13px;color:#2d2d2d;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:Barlow,sans-serif;white-space:nowrap}.dd-item:hover{background:#c0392b1a}.dd-item.lang-active{color:var(--red);font-weight:600}.dd-sep{height:1px;background:var(--border);margin:3px 0}.main-content{flex:1;padding:26px 30px;background:var(--bg)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:22px}.stat-card{background:var(--white);padding:16px 20px;text-align:center;cursor:pointer;transition:background .15s}.stat-card:hover{background:var(--input-bg)}.stat-amt{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700}.stat-amt.red{color:var(--red)}.stat-period{font-size:12px;font-weight:600;margin:3px 0 2px}.stat-count{font-size:11px;color:var(--muted)}.notif-banner{background:#eef6fd;border:1px solid #b8d9f0;border-left:4px solid var(--blue);border-radius:3px;padding:14px 18px;margin-bottom:22px;font-size:13px;line-height:1.6;position:relative}.notif-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:17px;color:#aaa;cursor:pointer}.notif-okbtn{display:inline-block;margin-top:8px;background:var(--blue);color:var(--white);border:none;border-radius:3px;padding:6px 16px;font-size:13px;font-family:Barlow,sans-serif;font-weight:600;cursor:pointer}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:11px}.action-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;max-width:50%}.act-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border:none;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:filter .15s,transform .1s}.act-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.act-btn.blue{background:var(--blue);color:var(--white)}.act-btn.green{background:var(--green);color:var(--white)}.act-btn.grey{background:#e8eaed;color:var(--black);border:1px solid var(--border)}.video-pill{display:inline-flex;align-items:center;gap:8px;background:#f0f2f5;border:1px solid var(--border);border-radius:20px;padding:6px 13px;font-size:12px;color:var(--muted);margin-top:18px;cursor:pointer}.video-pill button{background:none;border:none;color:#aab0bb;cursor:pointer;font-size:14px;padding:0;margin-left:3px}.version{font-size:11px;color:#aab0bb;margin-top:18px;text-align:right}.view-content{padding:26px 30px;flex:1}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:5px}.breadcrumb a{color:var(--red);text-decoration:none;cursor:pointer}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}.page-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px}.page-actions{display:flex;gap:9px}.btn-outline{display:flex;align-items:center;gap:5px;padding:8px 14px;background:none;border:1px solid var(--border);border-radius:3px;color:#2d2d2d;font-size:13px;font-family:Barlow,sans-serif;cursor:pointer;transition:border-color .2s}.btn-outline:hover{border-color:var(--red)}.btn-danger-sm{display:flex;align-items:center;gap:5px;padding:8px 14px;background:none;border:1px solid var(--red-dark);border-radius:3px;color:var(--red);font-size:13px;font-family:Barlow,sans-serif;cursor:pointer}.profile-body{display:flex;gap:24px}.avatar{width:68px;height:68px;border-radius:50%;background:#f0f2f5;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.pinfo{flex:1}.p-email-title{font-size:14px;color:var(--muted);margin-bottom:18px}.prow{display:flex;align-items:center;gap:8px;margin-bottom:11px;font-size:13px}.prow strong{color:var(--muted);min-width:155px;font-weight:500}.badge-green{background:var(--green);color:var(--white);padding:2px 9px;border-radius:3px;font-size:11px;font-weight:600}.btn-api{display:inline-flex;align-items:center;gap:5px;background:#c0392b14;border:1px solid var(--red-dark);color:var(--red);padding:6px 13px;border-radius:3px;font-size:12px;font-family:Barlow,sans-serif;font-weight:600;cursor:pointer;margin-top:4px}.psec{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.psec h4{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.sav-row{display:flex;gap:9px;align-items:center;margin-bottom:12px}.sav-input{background:#f0f2f5;border:1px solid var(--border);border-radius:3px;padding:8px 13px;font-size:13px;color:var(--black);font-family:Barlow,sans-serif;outline:none;width:220px}.btn-sec{background:#f0f2f5;border:1px solid var(--border);color:#2d2d2d;padding:8px 16px;border-radius:3px;font-size:13px;font-family:Barlow,sans-serif;cursor:pointer}.revenue-layout{display:flex;gap:22px}.sidebar{width:185px;flex-shrink:0}.btn-new-inv{background:var(--blue);color:var(--white);border:none;border-radius:3px;padding:9px 16px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:16px;width:100%;justify-content:center}.fil-group{margin-bottom:14px}.fil-group label{display:block;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.fil-group input,.fil-group select{width:100%;background:#f0f2f5;border:1px solid var(--border);border-radius:3px;padding:7px 9px;font-size:12px;color:var(--black);font-family:Barlow,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-search{width:100%;background:var(--red);color:var(--white);border:none;border-radius:3px;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;text-transform:uppercase}.rev-content{flex:1}.rev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rev-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px}.empty-results{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:44px;text-align:center;color:var(--muted);font-size:14px}.empty-results strong{display:block;font-size:16px;color:#2d2d2d;margin-bottom:7px;font-family:Barlow Condensed,sans-serif}.exp-wrap{position:relative}.btn-exp{display:flex;align-items:center;gap:5px;background:#f0f2f5;border:1px solid var(--border);border-radius:3px;padding:8px 13px;font-size:13px;color:#2d2d2d;font-family:Barlow,sans-serif;cursor:pointer}.btn-exp:hover{border-color:var(--red)}.exp-dropdown{position:absolute;top:36px;right:0;background:var(--white);border:1px solid var(--border);border-top:2px solid var(--red);border-radius:0 0 4px 4px;min-width:310px;max-height:420px;overflow-y:auto;box-shadow:0 8px 24px #0000001a;z-index:200}.exp-group{padding:5px 0;border-bottom:1px solid var(--border)}.exp-group:last-child{border-bottom:none}.exp-item{display:block;padding:7px 15px;font-size:12px;color:#2d2d2d;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:Barlow,sans-serif}.exp-item:hover{background:#c0392b1a}.exp-item.hi{background:#c0392b14;color:var(--red)}.verify-box{text-align:center;padding:14px 0}.verify-icon{width:68px;height:68px;background:#c0392b1a;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px}.verify-box h3{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;margin-bottom:10px}.verify-box p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:6px}.verify-box .em{color:var(--red);font-weight:600}.lock-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px}.lock-card{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:40px;width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow)}.lock-card h2{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:3px;margin-bottom:8px}.lock-card p{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.5}.lock-input{width:100%;background:#f0f2f5;border:1px solid var(--border);border-radius:3px;padding:12px;font-size:20px;color:var(--black);text-align:center;letter-spacing:4px;margin-bottom:14px;outline:none;font-family:Barlow,sans-serif}.lock-logout{display:block;margin-top:14px;font-size:13px;color:var(--red);cursor:pointer;background:none;border:none;font-family:Barlow,sans-serif}.lock-logout:hover{text-decoration:underline}.app-footer{padding:14px 30px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);background:var(--white)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.spinner{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ep-group{display:flex;flex-direction:column}.ep-label{font-size:12px;font-weight:600;letter-spacing:.5px;color:#1a1a1a;margin-bottom:6px}.ep-input{background:#fff;border:1px solid #c8cdd5;border-radius:3px;padding:9px 12px;font-family:Barlow,sans-serif;font-size:14px;color:#1a1a1a;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.ep-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b17}.ep-input::placeholder{color:#aab0bb}.ep-consent{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;cursor:pointer;font-size:13px;color:#2d2d2d;line-height:1.5}.ep-consent input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;margin-top:2px;flex-shrink:0;cursor:pointer}