html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}:root{--tq-navy:#06245c;--tq-blue:#0878e8;--tq-cyan:#08cdd4;--tq-purple:#7024e8;--tq-bg:#f6f8fc;--tq-white:#fff;--tq-text:#10213f;--tq-muted:#667085;--tq-border:#e1e7ef;--tq-danger:#b42318}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--tq-bg);color:var(--tq-text);font-family:Arial,Helvetica,sans-serif}.login-page{background:radial-gradient(circle at top left, #08cdd41f, transparent 32%), radial-gradient(circle at bottom right, #7024e814, transparent 30%), var(--tq-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--tq-white);border:1px solid var(--tq-border);border-radius:20px;width:100%;max-width:430px;padding:38px;box-shadow:0 20px 50px #06245c1a}.brand{text-align:center;margin-bottom:30px}.truekea-logo{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}form{flex-direction:column;display:flex}label{color:var(--tq-navy);margin-top:16px;margin-bottom:7px;font-size:14px;font-weight:700}input{border:1px solid var(--tq-border);background:var(--tq-white);width:100%;color:var(--tq-text);border-radius:10px;outline:none;padding:13px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--tq-cyan);box-shadow:0 0 0 3px #08cdd429}form button{background:linear-gradient(90deg, var(--tq-cyan), var(--tq-blue), var(--tq-purple));color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:24px;padding:14px 18px;font-size:16px;font-weight:700}form button:disabled{opacity:.65}.error-message{color:var(--tq-danger);background:#fef3f2;border-radius:8px;margin-top:15px;padding:10px 12px}.dashboard{background:var(--tq-bg);min-height:100vh}.dashboard-header{background:var(--tq-white);border-bottom:1px solid var(--tq-border);justify-content:space-between;align-items:center;min-height:90px;padding:14px 38px;display:flex;box-shadow:0 3px 15px #06245c0a}.dashboard-logo{width:190px;height:auto;display:block}.dashboard-user{align-items:center;gap:18px;display:flex}.dashboard-user-info{text-align:right;flex-direction:column;display:flex}.dashboard-user-info strong{color:var(--tq-navy);font-size:16px}.dashboard-user-info span{color:var(--tq-muted);margin-top:3px;font-size:12px}.logout{border:1px solid var(--tq-border);background:var(--tq-white);color:var(--tq-navy);cursor:pointer;border-radius:9px;margin:0;padding:10px 17px;font-weight:700}.logout:hover{border-color:var(--tq-blue)}.dashboard-content{width:100%;max-width:none;margin:0;padding:42px 36px}.welcome-section{margin-bottom:32px}.welcome-label{color:var(--tq-cyan);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:14px;font-weight:800}.welcome-section h1{color:var(--tq-navy);margin:0 0 7px;font-size:31px}.welcome-section p{color:var(--tq-muted);margin:0}.dashboard-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:22px;width:100%;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=700px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{text-align:left;background:var(--tq-white);border:1px solid var(--tq-border);min-height:175px;color:var(--tq-navy);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin:0;padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 8px 24px #06245c0a}.dashboard-card:hover{border-color:var(--tq-cyan);transform:translateY(-2px);box-shadow:0 14px 30px #06245c17}.dashboard-card strong{margin-top:20px;font-size:18px}.dashboard-card small{color:var(--tq-muted);margin-top:5px;font-size:13px}.card-icon{background:linear-gradient(135deg, var(--tq-cyan), var(--tq-blue));color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0 10px;font-size:15px;font-weight:800;display:inline-flex}.admin-card .card-icon{background:linear-gradient(135deg, var(--tq-blue), var(--tq-purple))}.loading{min-height:100vh;color:var(--tq-navy);justify-content:center;align-items:center;display:flex}@media (width<=700px){.dashboard-header{padding:14px 18px}.dashboard-logo{width:145px}.dashboard-user-info{display:none}.dashboard-content{padding:30px 18px}.dashboard-grid{grid-template-columns:1fr}}.admin-page{background:var(--tq-bg);min-height:100vh;padding:42px}.admin-topbar{justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto 28px;display:flex}.admin-topbar h1{color:var(--tq-navy);margin:4px 0 8px}.admin-topbar p{color:var(--tq-muted);margin:0}.admin-form{max-width:1200px;margin:0 auto;display:block}.form-section{background:var(--tq-white);border:1px solid var(--tq-border);border-radius:16px;margin-bottom:22px;padding:28px;box-shadow:0 8px 25px #06245c0a}.form-section h2{color:var(--tq-navy);margin:0 0 22px;font-size:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.form-grid>div{flex-direction:column;display:flex}select{border:1px solid var(--tq-border);background:var(--tq-white);width:100%;color:var(--tq-text);border-radius:10px;outline:none;padding:13px 14px;font-size:16px}select:focus{border-color:var(--tq-cyan);box-shadow:0 0 0 3px #08cdd429}.form-actions{justify-content:flex-end;display:flex}.primary-button{background:linear-gradient(90deg, var(--tq-cyan), var(--tq-blue), var(--tq-purple));color:#fff;cursor:pointer;border:0;border-radius:10px;min-width:180px;padding:14px 22px;font-size:15px;font-weight:800}.secondary-button{border:1px solid var(--tq-border);background:var(--tq-white);color:var(--tq-navy);cursor:pointer;border-radius:9px;padding:11px 18px;font-weight:700}.success-message{color:#067647;background:#ecfdf3;border-radius:9px;margin:18px 0;padding:13px 15px;font-weight:700}@media (width<=700px){.admin-page{padding:24px 16px}.admin-topbar{gap:20px}.form-grid{grid-template-columns:1fr}}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.metric-card{background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex;box-shadow:0 8px 24px #06245c14}.metric-card span{color:#667085;font-size:14px}.metric-card strong{color:#06245c;font-size:30px}.company-welcome{justify-content:space-between;align-items:center;gap:24px;display:flex}.balance-panel{background:#fff;border-radius:20px;flex-direction:column;gap:8px;min-width:260px;padding:22px 26px;display:flex;box-shadow:0 8px 24px #06245c14}.balance-panel span{color:#667085;font-size:14px}.balance-panel strong{color:#06245c;font-size:30px}.account-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.account-summary-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px #06245c14}.account-summary-card h3{color:#06245c;margin-top:0;margin-bottom:18px}.summary-row{border-bottom:1px solid #eef1f6;justify-content:space-between;gap:16px;padding:8px 0;display:flex}.summary-row:last-child{border-bottom:0}.summary-row span{color:#667085}.summary-row strong{color:#06245c}@media (width<=900px){.admin-metrics{grid-template-columns:1fr}.company-welcome{flex-direction:column;align-items:stretch}.balance-panel{min-width:0}.account-summary{grid-template-columns:1fr}}.full-width{grid-column:1/-1}.category-checkboxes{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.category-checkbox{cursor:pointer;background:#fff;border:1px solid #d9e1ec;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;display:flex}.category-checkbox input{width:auto;margin:0}.admin-form textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;background:#fff;border:1px solid #d9e1ec;border-radius:12px;padding:12px 14px}.admin-form textarea:focus{border-color:#0878e8;outline:none}.admin-form small{color:#667085;margin-top:8px;line-height:1.5;display:block}.subaccount-list{gap:16px;display:grid}.subaccount-card{background:#fff;border:1px solid #e7ecf3;border-radius:18px;padding:20px}.subaccount-card h3{color:#06245c;margin:0 0 5px}.subaccount-card p{color:#667085;margin:0}.subaccount-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.subaccount-status{color:#06245c;background:#eef5ff;border-radius:10px;margin-top:5px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-block}.subaccount-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.subaccount-values div{flex-direction:column;gap:5px;display:flex}.subaccount-values span{color:#667085;font-size:13px}.subaccount-values strong{color:#06245c}.subaccount-actions{gap:10px;margin-top:20px;display:flex}.rejection-box{color:#8a1c1c;background:#fff5f5;border-radius:10px;margin-top:15px;padding:12px 14px}@media (width<=700px){.subaccount-values{grid-template-columns:1fr}.subaccount-heading{flex-direction:column}}.movement-error{margin-top:18px;margin-bottom:4px}.movement-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0312308c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.movement-modal{background:#fff;border-radius:22px;width:100%;max-width:560px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #03123047}.movement-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.movement-modal-header h2{color:#06245c;margin:0 0 6px}.movement-modal-header p{color:#667085;margin:0 0 4px}.movement-fields{gap:18px;display:grid}.movement-fields div{flex-direction:column;gap:7px;display:flex}.movement-fields label{color:#06245c;font-weight:600}.movement-fields input{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d9e1ec;border-radius:12px;padding:13px 14px}.movement-fields input:focus{border-color:#14bfd0;outline:none;box-shadow:0 0 0 3px #14bfd01f}.movement-modal .form-actions{margin-top:22px}@media (width<=650px){.movement-modal{padding:20px}.movement-modal-header{flex-direction:column}}.subaccount-balance-summary{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;max-width:1060px;margin:0 auto 22px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #06245c0f}.subaccount-balance-summary span{color:#667085;font-size:15px;font-weight:600}.subaccount-balance-summary strong{color:#06245c;font-size:28px}.closure-warning{background:#fff8e6;border:1px solid #f1d58a;border-radius:14px;margin-bottom:20px;padding:16px 18px}.closure-warning strong{color:#6f5200;margin-bottom:6px;display:block}.closure-warning p{color:#725f25;margin:0;line-height:1.5}.closure-admin-box{background:#fffdf6;border:1px solid #f1d58a;border-radius:14px;margin-top:18px;padding:18px}.closure-admin-box h4{color:#06245c;margin:0 0 12px}.closure-admin-box p{color:#475467;margin:6px 0;line-height:1.5}.closed-subaccount-box{color:#475467;background:#f2f4f7;border-radius:12px;margin-top:16px;padding:12px 14px}
