@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#C9A84C;--gold-light:#E8C86A;--dark:#12161C;--dark-2:#1C2230;--dark-3:#252D3D;--dark-4:#2F3A50;--text:#E8ECF2;--text-muted:#8C9BAD;--text-faint:#5A6878;--success:#4CAF82;--warning:#E8A83C;--danger:#E85C5C;--info:#5CA8E8;--border:rgba(255,255,255,.07);--radius:10px;--radius-lg:16px}body{font-family:DM Sans,sans-serif;background:var(--dark);color:var(--text);min-height:100vh;overflow-x:hidden}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--dark-2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-brand{padding:28px 20px 20px;border-bottom:1px solid var(--border)}.sidebar-brand .logo-text{font-family:Playfair Display,serif;font-size:20px;font-weight:700;color:var(--gold)}.sidebar-brand .logo-sub{font-size:11px;color:var(--text-faint);margin-top:3px;letter-spacing:1.5px;text-transform:uppercase}.sidebar-nav{padding:12px 0;flex:1}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);padding:8px 20px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;cursor:pointer;font-size:13.5px;color:var(--text-muted);margin:1px 8px;border-radius:8px;transition:all .15s;position:relative}.nav-item:hover{background:var(--dark-3);color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#c9a84c33,#c9a84c0d);color:var(--gold-light);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gold);border-radius:0 3px 3px 0;margin-left:-8px}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint)}.main{margin-left:240px;flex:1}.page-header{background:var(--dark-2);border-bottom:1px solid var(--border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{font-family:Playfair Display,serif;font-size:22px;font-weight:600}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.page-content{padding:28px 32px}.card{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.card-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#c9a84c4d}.stat-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;border-radius:0 0 0 60px;opacity:.08}.stat-card.gold:after{background:var(--gold)}.stat-card.blue:after{background:var(--info)}.stat-card.warn:after{background:var(--warning)}.stat-card.green:after{background:var(--success)}.stat-num{font-family:Playfair Display,serif;font-size:36px;font-weight:700;line-height:1;margin-bottom:6px}.stat-card.gold .stat-num{color:var(--gold-light)}.stat-card.blue .stat-num{color:var(--info)}.stat-card.warn .stat-num{color:var(--warning)}.stat-card.green .stat-num{color:var(--success)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.stat-icon{font-size:20px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace}.badge-issued{background:#e8a83c33;color:var(--warning);border:1px solid rgba(232,168,60,.3)}.badge-received{background:#4caf8233;color:var(--success);border:1px solid rgba(76,175,130,.3)}.badge-not-issued{background:#8b9bad26;color:var(--text-faint);border:1px solid rgba(139,155,173,.2)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);background:var(--dark-3);border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:hover{background:#ffffff08}tbody tr:last-child{border-bottom:none}td{padding:13px 16px;vertical-align:middle}.design-num{font-family:DM Mono,monospace;font-size:13px;color:var(--gold-light);font-weight:500;cursor:pointer}.design-num:hover{text-decoration:underline}.days-badge{font-family:DM Mono,monospace;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}.days-low{background:#4caf8233;color:var(--success)}.days-mid{background:#e8a83c33;color:var(--warning)}.days-high{background:#e85c5c33;color:var(--danger)}.total-row td{font-weight:700;color:var(--gold-light);border-top:2px solid rgba(201,168,76,.3)!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}input,select,textarea{background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 14px;width:100%;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c14}select option{background:var(--dark-3)}textarea{resize:vertical;min-height:80px}.auto-field{background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:14px;color:var(--text-faint);font-style:italic}.form-hint{font-size:11px;color:var(--text-faint);margin-top:3px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:DM Sans,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--gold),#A8892E);color:var(--dark)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--dark-3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--dark-4)}.btn-danger{background:#e85c5c33;color:var(--danger);border:1px solid rgba(232,92,92,.3)}.btn-danger:hover{background:#e85c5c4d}.btn-success{background:#4caf8233;color:var(--success);border:1px solid rgba(76,175,130,.3)}.btn-success:hover{background:#4caf824d}.btn-info{background:#5ca8e833;color:var(--info);border:1px solid rgba(92,168,232,.3)}.btn-info:hover{background:#5ca8e84d}.btn-warn{background:#e8a83c33;color:var(--warning);border:1px solid rgba(232,168,60,.3)}.btn-warn:hover{background:#e8a83c4d}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.toolbar-right{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px}.search-box input{background:none;border:none;padding:0;box-shadow:none;font-size:13px}.search-box input:focus{box-shadow:none;border:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--dark-2);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0009}.modal.modal-lg{max-width:920px}.modal-header{padding:24px 28px 0;display:flex;align-items:flex-start;justify-content:space-between}.modal-title{font-family:Playfair Display,serif;font-size:20px;font-weight:600}.modal-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.modal-body{padding:24px 28px}.modal-footer{padding:16px 28px 24px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px;line-height:1}.modal-close:hover{color:var(--text)}.alert{padding:12px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.alert-info{background:#5ca8e81a;border:1px solid rgba(92,168,232,.25);color:var(--info)}.alert-warning{background:#e8a83c1a;border:1px solid rgba(232,168,60,.25);color:var(--warning)}.alert-gold{background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);color:var(--gold-light)}.alert-danger{background:#e85c5c1a;border:1px solid rgba(232,92,92,.25);color:var(--danger)}.calc-box{background:var(--dark-3);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius);padding:14px 16px;font-family:DM Mono,monospace;color:var(--gold-light);text-align:right}.calc-box .calc-label{font-size:11px;color:var(--text-faint);margin-bottom:4px}.calc-box .calc-total{font-size:22px;font-weight:600}.chip{display:inline-flex;align-items:center;padding:2px 8px;background:var(--dark-3);border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dark-4);border-radius:4px}.file-upload-area{border:2px dashed rgba(201,168,76,.3);border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer;transition:all .2s;background:#c9a84c08}.file-upload-area:hover{border-color:#c9a84c99;background:#c9a84c0f}.file-upload-icon{font-size:28px;margin-bottom:8px}.file-upload-text{font-size:13px;color:var(--text-muted)}.file-upload-hint{font-size:11px;color:var(--text-faint);margin-top:4px}.file-preview{display:flex;align-items:center;gap:10px;background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-top:8px}.file-preview-name{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:16px;padding:2px}.sketch-panel{background:#c9a84c0d;border:1px solid rgba(201,168,76,.2);border-radius:var(--radius);padding:14px 16px;margin-top:16px}.sketch-panel-title{font-size:11px;font-weight:600;color:var(--gold-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.sketch-panel img{max-width:100%;max-height:180px;border-radius:8px;border:1px solid rgba(201,168,76,.2);display:block}.wf-bar{display:inline-flex;align-items:flex-start;gap:0}.wf-step{display:flex;flex-direction:column;align-items:center}.wf-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;transition:all .2s}.wf-dot.done{background:var(--success);box-shadow:0 0 0 2px #4caf8240}.wf-dot.active{background:var(--warning);box-shadow:0 0 0 2px #e8a83c4d}.wf-dot.pending{background:var(--dark-4);border:2px solid var(--text-faint)}.wf-line{height:2px;width:24px;flex-shrink:0;margin-top:4.5px}.wf-line.done{background:var(--success)}.wf-line.pending{background:var(--dark-4)}.wf-label{font-size:9px;margin-top:4px;white-space:nowrap;text-align:center;font-weight:500}.wf-label.done{color:var(--success)}.wf-label.active{color:var(--warning);font-weight:700}.wf-label.pending{color:var(--text-faint)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item label{font-size:11px;margin-bottom:4px;display:block;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.detail-item .val{font-size:14px;color:var(--text)}.detail-item .val-mono{font-family:DM Mono,monospace;font-size:14px;color:var(--gold-light)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--border)}.tl-item{position:relative;margin-bottom:20px}.tl-dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--dark-2)}.tl-dot.done{background:var(--success);box-shadow:0 0 0 3px #4caf8233}.tl-dot.active{background:var(--warning);box-shadow:0 0 0 3px #e8a83c33}.tl-dot.pending{background:var(--dark-4);border-color:var(--border)}.tl-title{font-size:13px;font-weight:600;margin-bottom:4px}.tl-meta{font-size:12px;color:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty-state-icon{font-size:40px;margin-bottom:12px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:13.5px;font-weight:500;box-shadow:0 8px 32px #0006;animation:slideIn .3s ease;display:flex;align-items:center;gap:10px;min-width:260px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.toast.warning{border-left:3px solid var(--warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.report-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.report-tab{padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--dark-3);color:var(--text-muted);transition:all .15s}.report-tab.active{background:#c9a84c26;border-color:#c9a84c66;color:var(--gold-light)}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-faint);gap:12px;font-size:14px}