@import url('https://cdn.jsdelivr.net/npm/vazirmatn@33.0.3/Vazirmatn-font-face.css');

:root{--ink:#eaf1f5;--muted:#8ea4b6;--accent:#18c39a;--accent-soft:#123a3b;--line:#24394b;--paper:#132234;--bg:#08111c;--top:#0d1a29}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}
a{color:#70e5c5}a:hover{color:#b0f5e2;text-decoration:none}
.topbar{height:68px;padding:0 28px;background:var(--top);border-bottom:1px solid var(--line);box-shadow:0 5px 22px #0005;position:relative;z-index:20}
.brand{color:var(--ink);font-size:20px;gap:10px}.brand small{font:8px Arial;letter-spacing:1px;color:var(--muted)}
.logo{font:bold 22px Arial;padding:8px 11px;border-radius:10px;background:linear-gradient(145deg,#20d0a3,#087c75);color:#06251f}
.topbar-end{display:flex;align-items:center;gap:18px}.main-nav{gap:18px}.main-nav>a{color:#c6d4df;font-size:13px}.pill{border-color:#2d4558;background:#142638}.header-actions{display:flex;align-items:center;gap:7px;position:relative}.header-icon,.header-avatar{width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #294458;border-radius:9px;background:#102334;color:#b9cbd6;font:18px/1 Arial;cursor:pointer}.header-icon:hover,.header-avatar:hover{background:#173a42;color:#70e5c5}.header-avatar{border-radius:50%;background:#173e3d;color:#70e5c5;font-size:13px;font-weight:700}.has-dot{position:relative}.has-dot:after{content:'';position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:#f3c45f}.header-menu{display:none;position:absolute;top:45px;left:0;width:210px;background:#102031;border:1px solid #2a4559;border-radius:12px;box-shadow:0 16px 35px #0008;padding:8px;direction:rtl;text-align:right}.header-menu.open{display:block}.header-menu a,.menu-logout{display:block;width:100%;padding:8px 10px;border-radius:7px;color:#c5d6df;text-decoration:none;background:none;border:0;text-align:right;font-size:12px;cursor:pointer}.header-menu a:hover,.menu-logout:hover{background:#163a42;color:#70e5c5}.menu-title{padding:8px 10px 9px;margin-bottom:4px;border-bottom:1px solid var(--line);color:#70e5c5;font-weight:700;font-size:12px}
.shell{grid-template-columns:210px minmax(0,1fr);max-width:1540px;min-height:calc(100vh - 118px)}
.shell.public{max-width:1280px}
aside{background:#0c1826;border-left:1px solid var(--line);padding:18px 12px;gap:3px}
aside .caption{padding:0 11px 10px;color:#758c9f}aside>a{padding:9px 11px;border-radius:8px;color:#aabccc;font-size:13px}
aside>a:hover,aside>a.active{background:var(--accent-soft);color:#70e5c5}
aside form button.link{width:100%;padding:9px 11px;text-align:right;color:#aabccc}aside form button.link:hover{background:var(--accent-soft);color:#70e5c5}
.side-note{margin:17px 3px 0;padding:13px;background:#102d32;border:1px solid #20514d;border-radius:10px;color:#9bc5c0;font-size:12px}
main{padding:24px 30px;min-width:0}.heading{margin-bottom:17px}h1{font-size:25px;margin:3px 0 6px}h2{font-size:17px;margin:0 0 11px}h3{font-size:15px}p,small{color:var(--muted)}
.grid{gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel,.form-card,.table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 24px #0002}.panel{padding:17px}
.balance .heading{margin-bottom:12px}.balance-number{display:block;font:700 25px Arial;direction:ltr;unicode-bidi:isolate;text-align:right;letter-spacing:.2px}
.coin{background:#173e3d;color:#70e5c5;padding:3px 9px;border-radius:7px;font:600 12px Arial}.caption,.eyebrow{font-size:11px}.eyebrow{color:#70e5c5}
.balance small{display:block;border-top:1px solid var(--line);margin-top:9px;padding-top:9px}.rate-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px;color:var(--muted);font-size:12px}.rate-line b{color:var(--ink);font:600 13px Arial;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.section{margin-top:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{background:#0e1b2a;color:#9eb3c3;font-weight:400;padding:11px 14px}td{padding:12px 14px;border-top:1px solid var(--line)}.number{direction:ltr;unicode-bidi:isolate;font-family:Arial,Tahoma,sans-serif;font-variant-numeric:tabular-nums}
.badge{background:#203342;color:#bed0dc;padding:2px 9px;border-radius:20px}.COMPLETED,.APPROVED{background:#153e36;color:#70e5c5}.PENDING{background:#46381e;color:#f4d175}.FAILED,.CANCELLED{background:#48252c;color:#ffabb2}
.button,button{background:var(--accent);color:#06251f;border:0;border-radius:8px;padding:9px 17px;font-weight:700}.button:hover,button:hover{background:#0f9a7a;color:#fff}.secondary{background:#173b42;color:#70e5c5}
input,select,textarea{background:#0d1926;border:1px solid #2b4255;color:var(--ink);border-radius:8px;padding:10px}input:focus,select:focus,textarea:focus{outline:2px solid #36b99c;outline-offset:1px}
.notice,.environment{background:#40351d;color:#f4d276;border-color:#645329}.notice.success{background:#153e36;color:#70e5c5}.notice.error{background:#48252c;color:#ffabb2}
.hero-card{background:linear-gradient(145deg,#123f41,#112536);border:1px solid #1f6260}.hero h1{font-size:44px}.hero-bottom{border-color:#ffffff20}footer{background:#0c1826;border-color:var(--line);padding:16px 28px}
.list-row{border-bottom-color:var(--line)}.trade-card,.quick-trade{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px}
@media(max-width:1100px){.three{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:auto;padding:12px 16px;gap:10px;flex-wrap:wrap}.topbar-end{width:100%;justify-content:space-between;gap:10px}.main-nav{gap:10px;order:2}.header-actions{order:1}.header-menu{left:auto;right:0}.shell{display:block}aside{padding:9px 12px;flex-direction:row;overflow:auto;white-space:nowrap}aside .caption,.side-note{display:none}main{padding:18px 14px}.three,.two{grid-template-columns:1fr}.panel{padding:14px}.hero h1{font-size:34px}.heading{flex-wrap:wrap}}
.header-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sun-icon{display:none}.light-theme .moon-icon{display:none}.light-theme .sun-icon{display:block}.light-theme{--ink:#182c3a;--muted:#657784;--accent:#078b76;--accent-soft:#d9f1eb;--line:#d6e1e5;--paper:#fff;--bg:#f4f7f8;--top:#fff}.light-theme body{background:var(--bg);color:var(--ink)}.light-theme .topbar{background:var(--top);box-shadow:0 5px 22px #14263512}.light-theme .brand,.light-theme .main-nav>a{color:var(--ink)}.light-theme .header-icon,.light-theme .header-avatar{background:#f3f7f8;border-color:#d3e0e4;color:#3d5968}.light-theme .header-icon:hover,.light-theme .header-avatar:hover{background:#dff4ee;color:#087c70}.light-theme aside{background:#fff;border-color:var(--line)}.light-theme aside>a{color:#617783}.light-theme aside>a:hover,.light-theme aside>a.active{background:var(--accent-soft);color:var(--accent)}.light-theme .panel,.light-theme .form-card,.light-theme .table-wrap,.light-theme .trade-card,.light-theme .quick-trade{background:#fff;border-color:var(--line);box-shadow:0 7px 24px #1426350d}.light-theme th{background:#f7fafb;color:#657784}.light-theme td{border-color:var(--line)}.light-theme input,.light-theme select,.light-theme textarea{background:#fff;color:var(--ink);border-color:#cbd9dd}.light-theme footer{background:#fff;border-color:var(--line)}
.light-theme .header-menu{background:#fff;border-color:#d6e1e5;box-shadow:0 16px 35px #14263520}.light-theme .header-menu a,.light-theme .menu-logout{color:#405866}.light-theme .header-menu a:hover,.light-theme .menu-logout:hover{background:#e8f6f2;color:#087c70}.light-theme .menu-title{border-color:#e2eaec;color:#087c70}.light-theme .side-note{background:#e8f6f2;border-color:#bce1d8;color:#376b66}.light-theme .hero-card{background:linear-gradient(145deg,#e0f4ef,#f3fbfa);border-color:#b9ded5;color:#183b3d}.light-theme .hero-card .caption{color:#52716f}.light-theme .hero-bottom{border-color:#b9d8d2}.light-theme .coin{background:#e5f5f1;color:#087c70}.light-theme .rate-line{border-color:#e2eaec;color:#657784}.light-theme .rate-line b{color:#18323d}.light-theme .badge{background:#eef3f4;color:#526b77}.light-theme .notice,.light-theme .environment{background:#fff8e8;color:#795d21;border-color:#eadfc8}.light-theme .notice.success{background:#e2f7ee;color:#197b4a}.light-theme .notice.error{background:#fbe5e5;color:#a24545}.light-theme .button,.light-theme button:not(.header-icon):not(.header-avatar):not(.link):not(.menu-logout){background:#078b76;color:#fff}.light-theme .button:hover,.light-theme button:not(.header-icon):not(.header-avatar):not(.link):not(.menu-logout):hover{background:#056d60;color:#fff}.light-theme a{color:#087c70}.light-theme a:hover{color:#04594f}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 18px}.quick-actions>a{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#102536;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none}.quick-actions>a:hover{border-color:#2b7a70;background:#12343a}.quick-actions b{display:block;font-size:12px}.quick-actions small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.action-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#173e3d;color:#70e5c5;font:bold 17px Arial}.wallet-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:-5px 0 17px}.wallet-toolbar a{padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#102536;color:#a9c5d0;font-size:12px;text-decoration:none}.wallet-toolbar a:hover{background:var(--accent-soft);color:#70e5c5}.asset-mark{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-left:7px;border-radius:50%;background:#173e3d;color:#70e5c5;font:bold 11px Arial}.muted-inline{color:var(--muted);font-size:11px}.action-sep{margin:0 7px;color:var(--line)}
.light-theme .quick-actions>a,.light-theme .wallet-toolbar a{background:#fff;border-color:#d6e1e5;color:#263b48}.light-theme .quick-actions>a:hover,.light-theme .wallet-toolbar a:hover{background:#e8f6f2;color:#087c70}.light-theme .action-icon,.light-theme .asset-mark{background:#e5f5f1;color:#087c70}
@media(max-width:900px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.trade-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px}.trade-form-card{padding:20px}.trade-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.trade-card-head h2{margin:0}.live-dot{font-size:10px;color:#70e5c5;border:1px solid #28685f;border-radius:20px;padding:4px 9px}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#20d0a3;border-radius:50%;margin-left:5px}.trade-tabs{display:flex;gap:8px;margin:16px 0 5px}.trade-tabs label{margin:0;flex:1}.trade-tabs input{display:none}.trade-tabs span{display:block;text-align:center;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer}.trade-tabs input:checked+span{background:var(--accent-soft);border-color:#2a756a;color:#70e5c5}.input-with-unit{position:relative}.input-with-unit input{padding-left:55px}.input-with-unit span{position:absolute;left:12px;top:10px;color:var(--muted);font-size:11px}.trade-hint{display:flex;justify-content:space-between;gap:10px;margin:12px 0;color:var(--muted);font-size:11px}.trade-hint b{color:#70e5c5}.trade-submit{width:100%;margin-top:6px}.recent-orders{min-height:250px}.recent-orders .trade-card-head a{font-size:11px}.money-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.money-form{margin:0;max-width:none}.money-symbol{display:inline-flex;padding:6px 12px;border-radius:8px;background:#173e3d;color:#70e5c5;font:bold 13px Arial;margin-bottom:10px}.money-help{background:#102536;border:1px solid var(--line);border-radius:13px;padding:18px}.money-help h2{font-size:15px}.money-help p{font-size:12px;padding:9px 0;margin:0;border-bottom:1px solid var(--line)}.money-help p:last-child{border-bottom:0}.light-theme .trade-tabs span{color:#607582}.light-theme .trade-tabs input:checked+span{color:#087c70;background:#e5f5f1;border-color:#9ed6ca}.light-theme .money-help{background:#fff;border-color:#d6e1e5}.light-theme .live-dot{color:#087c70;border-color:#9ed6ca}.light-theme .trade-hint b{color:#087c70}
@media(max-width:850px){.trade-layout,.money-layout{grid-template-columns:1fr}}
.kyc-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.kyc-card{max-width:none;margin:0}.kyc-help{background:#102536;border:1px solid var(--line);border-radius:13px;padding:18px}.kyc-help h2{font-size:15px}.kyc-help p{font-size:12px;border-bottom:1px solid var(--line);padding:9px 0;margin:0}.kyc-help p:last-child{border:0}.status-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.kyc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kyc-summary p{display:flex;flex-direction:column;gap:3px;padding:12px;background:#102536;border:1px solid var(--line);border-radius:9px;margin:0;font-size:11px}.kyc-summary b{font-size:12px;color:var(--ink)}.ticket-thread{max-width:860px}.ticket-thread .message{margin-bottom:10px}.ticket-thread .message.mine{border-right:3px solid var(--accent)}.message-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.message-head small{font-size:10px}.ticket-reply{max-width:860px;margin-top:14px}.light-theme .kyc-help,.light-theme .kyc-summary p{background:#fff;border-color:#d6e1e5}.light-theme .kyc-summary b{color:#263b48}.light-theme .message-head{border-color:#e2eaec}.light-theme .ticket-thread .message.mine{border-right-color:#078b76}
@media(max-width:850px){.kyc-layout{grid-template-columns:1fr}.kyc-summary{grid-template-columns:1fr}}
.password-field{margin-bottom:12px}.password-actions{display:flex;gap:8px;margin-top:8px}.password-actions button{font-size:12px}.password-copy:disabled{opacity:.5;cursor:not-allowed}.password-guide{margin:14px 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft);color:var(--muted);font-size:12px}.password-guide strong{color:var(--ink)}.password-guide ul{margin:8px 0;padding-right:18px}.password-guide li{margin:3px 0}.password-guide li.is-valid{color:#19c59a}.password-guide li.is-valid::marker{content:'✓  '}.password-status{margin-top:8px;color:var(--muted)}.field-error{color:#ff9da5;font-size:12px;margin-top:4px}.light-theme .password-guide{background:#eaf7f3;border-color:#b9ded5}.light-theme .password-guide strong{color:#18323d}.light-theme .field-error{color:#b33b4b}
.notification-list{max-width:900px}.notification-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.notification-row p{margin:0 0 5px}.notification-row.unread{border-right:3px solid var(--accent)}.notification-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#173e3d;color:#70e5c5;font:bold 15px Arial}.light-theme .notification-icon{background:#e5f5f1;color:#087c70}
.check-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.check-row input{width:auto;margin:0;accent-color:var(--accent)}.check-row input:disabled{opacity:.45}.money-help p{display:flex;justify-content:space-between;gap:12px}.money-help p:last-child{display:block}.money-help b{color:var(--ink)}
