.account-hero{display:flex;justify-content:space-between;gap:32px;padding:32px;border:1px solid #44345f;border-radius:24px;background:radial-gradient(ellipse at top right,#382354,transparent 65%),#17151f;margin-bottom:18px}.account-hero h1{margin:10px 0}.account-hero p{color:#b7b1c5}.hero-balance{min-width:210px;display:flex;flex-direction:column;justify-content:center;gap:14px}.hero-balance strong{font-size:42px;letter-spacing:-2px}.hero-balance span,.card-date{color:#aaa3b9;font-size:12px}.personal-stats{display:flex;gap:24px;margin:20px 0 28px;color:#aaa3b9}.personal-stats b{color:#eee8fc;margin-right:5px}.queue-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.queue-tile{display:flex;flex-direction:column;gap:18px;padding:22px;background:#191720;border:1px solid #34303e;border-radius:18px;color:#ddd6ee}.queue-tile strong{font-size:34px;color:#fff}.queue-tile small{color:#b797f4}.queue-tile:hover,.order-card:hover{border-color:#9272cb}.work-settings{margin-bottom:24px}.work-settings summary{cursor:pointer;padding:8px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.order-tabs{display:flex;gap:6px;flex-wrap:wrap}.order-tabs a{padding:10px 13px;color:#b8b1c6;border-radius:10px;font-size:13px}.order-tabs .selected{background:#362848;color:#e5d4ff}.order-tabs b{margin-left:5px;font-size:11px}.order-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-card{border:1px solid #34303e;border-radius:16px;background:#17161e;padding:18px;min-width:0;transition:border-color .15s}.card-main{display:flex;align-items:center;gap:14px;color:inherit;min-height:86px}.card-main>div{min-width:0;flex:1}.card-main small{color:#b19dce;font-size:11px}.card-main h3{font-size:16px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}.card-arrow{color:#b99bdf}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid #2b2735}.card-bottom .badge{white-space:normal}.product-picture{width:72px;height:72px;flex:0 0 72px;position:relative;border-radius:16px;background:#292135;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.product-picture img{width:100%;height:100%;object-fit:contain}.bundle-mark{position:absolute;bottom:0;left:0;right:0;background:#201a2cdd;text-align:center;font-size:9px;color:#e4d4fc;padding:2px}.order-title-picture{display:flex;align-items:center;gap:20px}.order-title-picture .page-heading{flex:1;min-width:0}.order-progress{list-style:none;display:flex;padding:24px 0;margin:0 0 18px;gap:12px}.order-progress li{flex:1;display:flex;align-items:center;gap:10px;color:#8b8499;border-bottom:3px solid #302b3d;padding-bottom:16px}.order-progress li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2b2536;flex-shrink:0}.order-progress .reached{color:#d5b4ff;border-color:#a078d2}.order-progress .reached>span{background:#634189;color:#fff}.gift-result{border:0;background:transparent;margin-bottom:24px}.gift-result input{font-size:16px}.chat-day{text-align:center;font-size:11px;color:#b5acc2;margin:18px 0 12px;width:100%}.chat-bubble{position:relative;margin-left:38px;border-radius:16px!important;padding:12px 15px!important;max-width:calc(100% - 48px)!important}.chat-bubble.mine{margin-right:38px;margin-left:auto}.chat-bubble .chat-avatar{position:absolute;width:28px;height:28px;object-fit:cover;border-radius:50%;left:-36px;bottom:0}.chat-bubble.mine .chat-avatar{left:auto;right:-36px}.chat-bubble p{line-height:1.55}.chat-bubble a img{border-radius:10px;cursor:zoom-in;max-height:240px;object-fit:contain}.chat-panel{border-radius:20px!important;box-shadow:0 18px 80px #0009}.chat-panel header{background:#241c30}.chat-messages{background:#131119}#image-viewer{border:1px solid #534462;border-radius:16px;padding:40px 12px 12px;background:#141118;max-width:94vw;max-height:94vh}#image-viewer::backdrop{background:#000c}#image-viewer>img{display:block;max-width:86vw;max-height:80vh;object-fit:contain}#image-viewer>button{position:absolute;right:8px;top:6px;background:none;border:0;color:white;font-size:24px;cursor:pointer}.mobile-nav{display:none}.empty{grid-column:1/-1}.empty>span{font-size:36px}
@media(max-width:1050px){.queue-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.account-hero{padding:24px}.hero-balance{min-width:160px}}
@media(max-width:700px){body .shell{display:block}body .sidebar{display:none}body .workspace{width:100%;margin:0}body .content{padding:20px 14px 100px}.account-hero{flex-direction:column;gap:24px;padding:22px}.hero-balance{border-top:1px solid #44354f;padding-top:20px}.hero-balance strong{font-size:36px}.personal-stats{gap:12px;font-size:12px;flex-wrap:wrap}.order-card-grid{grid-template-columns:1fr}.orders-board{padding:14px}.order-tabs a{padding:9px 7px;font-size:12px}.queue-tile{padding:15px;font-size:12px}.order-title-picture{gap:12px}.order-title-picture h1{font-size:23px;overflow-wrap:anywhere}.order-progress{gap:6px}.order-progress li{font-size:11px;gap:6px}.order-progress li>span{width:24px;height:24px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#19151ff5;border-top:1px solid #44334f;padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.mobile-nav>a,.mobile-nav>button{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;background:none;border:0;color:#b1a6bf;font:inherit;font-size:10px;min-width:48px;padding:5px;border-radius:10px}.mobile-nav span{font-size:20px}.mobile-nav .selected{background:#362845;color:#dfbeff}.mobile-nav b{position:absolute;right:1px;top:0;background:#8f50c9;border-radius:8px;padding:1px 4px;color:white}.chat-launcher{display:none!important}body .chat-panel{bottom:82px!important;max-height:calc(100dvh - 100px);left:8px;right:8px;width:auto!important}.topbar{padding:12px!important}.topbar>.profile{gap:8px}.topbar>.profile>span{display:none}.topbar>span{font-size:11px}footer{padding-bottom:90px}}
.orders-board{padding:24px}.mobile-shortcuts{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0}.order-title-picture .page-heading{margin-bottom:0}.order-title-picture{margin-bottom:24px}.order-card>.customer-status{margin-top:12px}
