/* Traders Compass · HIVIKA V2 — workspace only; original login stays intact. */
:root{--v2-navy:#061427;--v2-mid:#0b2037;--v2-panel:#0b1e32;--v2-gold:#efbd67;--v2-bright:#ffd991;--v2-stroke:rgba(225,179,103,.42);--v2-white:#f7f9ff;--v2-muted:#b9cbe1;--v2-divider:rgba(121,159,198,.22);--v2-green:#2fdaab}
[hidden]{display:none!important}
.ui-icon-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.workspace,.workspace *,.modal,.modal *{box-sizing:border-box}
.workspace{min-height:100vh;color:var(--v2-white);background:linear-gradient(180deg,#041121,#081a2e 43%,#061225);padding:0;position:relative;isolation:isolate;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.45}
.workspace button,.workspace input,.workspace select,.modal button,.modal input,.modal select{font:inherit}
.workspace button,.modal button{cursor:pointer}
.workspace a{color:inherit}
.workspace .i,.modal .i{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.workspace-header{position:sticky;top:0;z-index:25;background:rgba(4,17,34,.94);border-bottom:1px solid rgba(218,173,99,.23);backdrop-filter:blur(18px)}
.workspace-header-inner{max-width:1570px;margin:auto;min-height:78px;padding:10px clamp(18px,4.5vw,64px);display:flex;justify-content:space-between;gap:20px;align-items:center}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid #daaa54;box-shadow:0 0 18px #d3a35350;background:#071528}.brand strong{display:block;color:#fff;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.4px}.brand span{display:block;color:#c7d3ea;font-size:10px;letter-spacing:3px;margin-top:3px}
.header-actions{display:flex;gap:18px;align-items:center}.header-trust{display:flex;align-items:center;gap:7px;color:#b5c8e0;font-size:12px}.header-trust .i{width:15px;height:15px;color:#e8bd79}
.account-dropdown{position:relative}.account-button{display:flex;align-items:center;gap:10px;background:rgba(18,38,63,.88);border:1px solid rgba(132,163,200,.28);border-radius:12px;color:#fff;padding:6px 11px 6px 6px;min-width:160px;text-align:left}.account-button:hover,.account-button[aria-expanded=true]{border-color:var(--v2-gold);background:#142941}.account-button .i{width:14px;height:14px;margin-left:auto}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#377dd7,#23c3cc);color:white;display:inline-grid;place-items:center;font-size:16px;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff20}.account-label{display:grid;min-width:0}.account-label strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-label small{font-size:11px;color:#9db7d8}.account-menu{position:absolute;right:0;top:calc(100% + 8px);background:#0a1f38;border:1px solid rgba(180,197,221,.27);border-radius:12px;min-width:240px;box-shadow:0 24px 55px #000b;padding:7px;z-index:35}.menu-caption{padding:11px 12px;color:#a8bdd5;font-size:12px;border-bottom:1px solid var(--v2-divider)}.menu-caption strong{color:#f5d295}.account-menu button{width:100%;background:none;border:0;color:#eef5ff;text-align:left;padding:12px 11px;display:flex;align-items:center;gap:10px;border-radius:8px;font-size:14px}.account-menu button:hover{background:#193552}.account-menu .i{color:var(--v2-gold)}
.workspace-shell{max-width:1570px;margin:auto;padding:28px clamp(18px,4.5vw,64px) 40px;position:relative;z-index:2}
#welcomeView{display:block}.welcome-hero{border:1px solid #284660;border-radius:18px;min-height:232px;overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:center;background:linear-gradient(90deg,#061628 15%,rgba(7,25,46,.92) 49%,rgba(8,24,46,.60)),url('../images/dashboard-trading-background.webp') center 49%/cover no-repeat;box-shadow:0 12px 45px #0005}
.welcome-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06162a 4%,#061528ed 34%,transparent 100%),linear-gradient(0deg,#0c274364,transparent 60%);z-index:-1}.welcome-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #d1a95b25;border-radius:50%;right:7%;top:-65%;box-shadow:0 0 0 58px #a67b1d0b,0 0 0 110px #c6991b0b;pointer-events:none}.hero-content{padding:clamp(24px,3.2vw,50px);position:relative;z-index:1;max-width:960px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:1.9px;color:var(--v2-gold)}.welcome-hero h1{font-size:clamp(31px,3.2vw,52px);line-height:1.15;margin:13px 0 13px;color:#fff;letter-spacing:-1.3px;text-shadow:0 4px 20px #0008}.welcome-hero h1 span{color:var(--v2-bright)}.welcome-hero p{font-size:clamp(14px,1.24vw,18px);color:#c9d8e8;margin:0;max-width:640px}.hero-flare{position:absolute;right:0;bottom:0;width:43%;height:1px;box-shadow:0 0 32px 2px #eabd639e}
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.application-card{min-width:0;min-height:250px;background:linear-gradient(150deg,#0a1c31f5,#0a2138e8);border:1px solid var(--v2-stroke);border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:19px;box-shadow:0 13px 30px #0003, inset 0 1px #fff1;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.application-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 94% 15%,#efc16c13,transparent 55%);pointer-events:none}.application-card:hover{transform:translateY(-3px);border-color:#efc16c8e;box-shadow:0 15px 38px #0007,0 0 18px #daa55b15}.application-card-admin{border-color:#e7b65e8a;background:linear-gradient(145deg,#14243b,#09172a)}.application-card h2{color:var(--v2-gold);margin:0 0 7px;font-size:clamp(16px,1.26vw,20px);line-height:1.26}.application-card p{color:#cbdaed;margin:0;font-size:13px;line-height:1.6;min-height:50px}.card-top{position:relative;display:flex;gap:14px;align-items:flex-start}.card-top>div:last-child{min-width:0}.app-icon{width:62px;height:62px;flex:none;border-radius:13px;background:linear-gradient(140deg,#1e344a,#0b1b2d);display:grid;place-items:center;border:1px solid #c59a50a8;color:#efbc62}.app-icon .i{width:34px;height:34px;stroke-width:1.9}
.workspace .btn,.modal .btn{min-height:42px;padding:10px 15px;border-radius:9px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px;border:1px solid transparent;white-space:nowrap;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.09)}.btn:disabled{opacity:.55;cursor:wait}.workspace .btn-primary,.modal .btn-primary{background:linear-gradient(105deg,#ffd990,#e7ac51);color:#191306;border:1px solid #ffe7a8;box-shadow:inset 0 1px #ffffff65}.workspace .btn-outline,.modal .btn-outline{background:rgba(17,40,63,.67);border:1px solid #49617b;color:#dce7f5}.workspace .btn-coming{background:#122b43;color:#b8cbdf;border:1px solid #45617d;cursor:default;box-shadow:none}.application-card>.btn{align-self:flex-start;position:relative}.application-card>.btn .i{width:15px;height:15px}
.workspace-footer{color:#a6bdd5;display:flex;gap:8px;align-items:center;font-size:12px;margin-top:26px}.workspace-footer .i{color:var(--v2-gold);width:16px;height:16px}
/* Admin screen */
.admin-screen{padding-top:30px}.admin-top{margin-bottom:21px}.back-link{background:none;border:0;padding:0;color:#b9d5ee;font-size:14px;display:inline-flex;align-items:center;gap:8px}.back-link:hover{color:var(--v2-gold)}.back-link .i{width:17px;height:17px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}.admin-heading h1{font-size:clamp(28px,2.7vw,40px);line-height:1.13;color:#fff;margin:7px 0 5px}.admin-heading p{margin:0;color:#bdcfe3}.admin-heading .btn{flex-shrink:0}
.notice{width:100%;min-height:70px;display:flex;align-items:center;gap:16px;padding:12px 17px;border-radius:12px;border:1px solid #2ac99f;background:linear-gradient(95deg,#07463d,#063c39cc);box-shadow:inset 0 1px #ffffff21;margin:15px 0 17px}.notice.is-error{border-color:#f47772;background:linear-gradient(95deg,#592a31,#331e2a)}.notice-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:#08251a;background:#38d6a8;flex:none}.notice.is-error .notice-icon{color:#fff;background:#ca5a65}.notice strong{font-size:16px;display:block}.notice p{color:#c9f8e8;margin:4px 0 0;font-size:13px}.notice.is-error p{color:#ffe1e4}.notice>button{border:0;background:none;color:#d2f7ee;margin-left:auto;align-self:center;padding:9px}.notice>button:hover{color:#fff}
.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kpi{border:1px solid #365877;background:linear-gradient(140deg,#0c2844d9,#0b2035e5);min-height:123px;border-radius:12px;padding:19px 20px;display:flex;gap:16px;align-items:center}.kpi-icon{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid #3979be;background:linear-gradient(130deg,#154d81,#0c2d4f);color:#59b1ff}.kpi-icon-green{background:linear-gradient(130deg,#065b4e,#0d3935);border-color:#00866c;color:#33dda4}.kpi-icon .i{width:31px;height:31px}.kpi span{color:#ccd9e9;font-size:14px}.kpi strong{display:block;font-size:31px;line-height:1.14;margin-top:3px}.kpi small{color:#9cb2cc;font-size:12px}
.user-panel{margin-top:15px;background:linear-gradient(155deg,#091d34f2,#071728fa);border:1px solid #325674;border-radius:14px;padding:18px 20px 14px;box-shadow:0 15px 30px #0003}.user-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-panel-heading h2{font-size:20px;margin:0 0 3px;display:flex;align-items:center;gap:8px;color:#fff}.user-panel-heading h2 .i{color:#f1bd61}.user-panel-heading p{color:#9cb2ce;margin:0;font-size:13px}.panel-action-group{display:flex;gap:8px}
.filter-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 155px auto;gap:9px;margin:18px 0 14px}.search-field{border:1px solid #41617e;border-radius:9px;background:#0a2039;display:flex;align-items:center;gap:10px;padding:0 12px}.search-field:focus-within{border-color:#e6b965}.search-field .i{color:#84aacb;width:17px;height:17px}.filter-row input,.filter-row select{min-width:0;min-height:42px;width:100%;border:1px solid #41617e;background:#0b2039;color:#f2f7ff;border-radius:9px;padding:0 12px;outline:none;font-size:13px}.search-field input{border:0;background:none;padding:0}.filter-row input::placeholder{color:#889eb6}.filter-row input:focus,.filter-row select:focus{border-color:#eabf72}.filter-row .btn{min-width:82px}
.table-wrap{width:100%;overflow-x:auto;border:1px solid #1d3d5d;border-radius:10px}.users-table{border-collapse:collapse;width:100%;min-width:850px;text-align:left;font-size:13px}.users-table thead{background:#0d2845}.users-table th{padding:13px 12px;text-transform:uppercase;font-size:10px;letter-spacing:.9px;color:#afc8df;white-space:nowrap;font-weight:800}.users-table td{padding:12px;border-top:1px solid #214360;color:#ecf2fc;vertical-align:middle}.users-table tr:nth-child(2n){background:#0e263b50}.users-table tr:hover td{background:#13334c61}.table-user{display:flex;align-items:center;gap:10px;min-width:190px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;background:#22559b;color:white;font-size:13px;font-weight:800;border:1px solid #ffffff21}.table-user strong{display:block;font-size:13px;color:#fff}.table-user small{color:#a1bad3;font-size:11px;display:block;max-width:230px;overflow-wrap:anywhere;margin-top:2px}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #284f70;border-radius:17px;padding:5px 9px;background:#0c324f;color:#cde3f8;font-size:11px;line-height:1.1;margin:2px 4px 2px 0}.role-admin{color:#ffd687;border-color:#73552e;background:#41321e}.role-user{color:#badbff}.status-chip{display:inline-flex;align-items:center;gap:7px;text-transform:capitalize;font-size:12px}.status-chip:before{content:"";width:9px;height:9px;border-radius:50%;background:#eab75a}.status-active:before{background:#31d9a8}.status-disabled:before,.status-rejected:before{background:#f16d70}.status-pending:before{background:#f7c15d}.created-date{color:#b9cadd;font-size:12px;white-space:nowrap}.row-actions button{border:1px solid #456686;background:#112d4b;padding:7px 10px;border-radius:7px;color:#e5eefb;display:inline-flex;gap:6px;align-items:center;font-size:12px}.row-actions button:hover{border-color:#e8b969}.row-actions .i{width:15px;height:15px}.row-actions .not-editable{color:#8ea5bf;font-size:11px}.empty-row{text-align:center;padding:25px!important;color:#b7c9df!important}
.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;color:#a9bfd7;font-size:12px}.pagination{display:flex;align-items:center;gap:8px}.pagination .btn{min-height:35px;padding:6px 12px;font-size:12px}.pagination button:disabled{opacity:.4;cursor:default}.inline-error{background:#4e2530;border:1px solid #f17380;color:#ffe3e6;border-radius:8px;padding:10px 12px;font-size:13px;margin:10px 0}
/* Forms and dialogs */
.modal{max-width:min(610px,calc(100vw - 28px));width:100%;padding:0;color:#f7f9fe;border:1px solid #746345;border-radius:17px;background:#091b2f;box-shadow:0 35px 100px #000c;max-height:min(90vh,850px);overflow-y:auto;font:14px/1.4 Inter,system-ui,'Segoe UI',Arial,sans-serif}.modal::backdrop{background:rgba(0,7,16,.82);backdrop-filter:blur(6px)}.modal-small{max-width:480px}.modal form{display:flex;flex-direction:column}.modal-head{padding:24px 25px 18px;border-bottom:1px solid #244560;display:flex;justify-content:space-between;gap:15px}.modal-head h2{font-size:25px;line-height:1.12;margin:6px 0 4px;color:#fff}.modal-head p{font-size:13px;color:#acbfd7;margin:0}.icon-button{height:36px;width:36px;display:grid;place-items:center;border-radius:8px;border:1px solid #415976;color:#d8e5f5;background:#102b46}.modal-body{padding:23px 25px;display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:650;font-size:12px;color:#c9d8e8}.form-grid .span-2{grid-column:span 2}.modal input:not([type=checkbox]),.modal select{width:100%;min-height:42px;border-radius:8px;padding:10px 12px;color:#f6faff;background:#0d2a45;border:1px solid #43617d;outline:none;font-size:14px}.modal input:focus,.modal select:focus{border-color:#efbd67}.modal input::placeholder{color:#889fba}.permission-fieldset{border:1px solid #2b4b66;border-radius:10px;margin:20px 0 0;display:grid;gap:10px;padding:13px 15px 15px}.permission-fieldset legend{padding:0 6px;color:#f3c778;font-weight:800}.permission-fieldset label{display:flex;align-items:center;gap:8px;color:#dce7f6;font-size:13px;cursor:pointer}.permission-fieldset input{accent-color:#eebb64;width:17px;height:17px}.hint{color:#9bb2cb;font-size:12px;margin:15px 0 0}.modal-actions{border-top:1px solid #244560;display:flex;justify-content:flex-end;gap:10px;padding:16px 25px}.password-fields{grid-template-columns:1fr}.password-fields .hint{margin:0}
@media(max-width:1200px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-card{min-height:210px}.application-card p{min-height:unset}.filter-row{grid-template-columns:1fr 165px 135px auto}.header-trust{display:none}}
@media(max-width:760px){.workspace-header-inner{padding:9px 16px;min-height:68px}.brand-logo{height:44px;width:44px}.brand strong{font-size:16px}.brand span{font-size:8px;letter-spacing:2px}.account-button{min-width:0}.account-label{display:none}.account-button .avatar{width:34px;height:34px}.workspace-shell{padding:17px 15px 30px}.welcome-hero{min-height:215px}.hero-content{padding:25px}.welcome-hero h1{font-size:31px;letter-spacing:-.6px}.app-grid{grid-template-columns:1fr;gap:11px;margin-top:12px}.application-card{min-height:unset;padding:17px;gap:15px}.app-icon{width:52px;height:52px}.app-icon .i{width:28px;height:28px}.admin-heading,.user-panel-heading{align-items:flex-start;flex-direction:column}.kpi-row{grid-template-columns:1fr;gap:9px}.kpi{min-height:86px;padding:13px 16px}.kpi-icon{width:48px;height:48px}.kpi-icon .i{width:26px;height:26px}.kpi strong{font-size:27px}.filter-row{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2;min-height:44px}.reset-button{grid-column:span 2}.user-panel{padding:14px}.table-footer{flex-direction:column;align-items:flex-start}.modal-head,.modal-body,.modal-actions{padding-left:18px;padding-right:18px}}
@media(max-width:450px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.brand strong{font-size:15px}.brand span{letter-spacing:1.1px}.account-button{padding:5px}.account-button>.i{display:none}.filter-row{grid-template-columns:1fr}.search-field,.reset-button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.application-card{transition:none}}