*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--red:#C41E24;--red-dark:#8B1A1E;--red-light:#E8434A;--red-bg:rgba(196,30,36,.04);--black:#1A1A1A;--black-light:#2D2D2D;--g900:#212121;--g700:#555;--g500:#888;--g300:#C0C0C0;--g100:#F0F0F0;--g50:#F8F8F8;--white:#FFF;--gold:#D4A843;--green:#2E7D32;--orange:#E65100;--blue:#1565C0;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.18);--r:6px;--rl:10px;--tr:all .25s ease}html{font-size:14px}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;background:#f2f3f5;color:var(--black);line-height:1.6}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.ph h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.ph h2:before{content:"";width:3px;height:18px;background:var(--red);border-radius:2px}.card{background:var(--white);border-radius:var(--rl);box-shadow:var(--shadow-sm);margin-bottom:1.2rem;border:1px solid rgba(0,0,0,.03)}.ch{padding:1rem 1.4rem;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between}.ch h3{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:6px}.cb{padding:1.4rem}.btn{display:inline-flex;align-items:center;gap:5px;padding:.5rem 1.1rem;border-radius:var(--r);font-size:.82rem;font-weight:500;transition:var(--tr)}.btn-red{background:var(--red);color:var(--white)}.btn-red:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 2px 8px #c41e2440}.btn-outline{background:transparent;border:1px solid var(--g300);color:var(--g700)}.btn-outline:hover{border-color:var(--red);color:var(--red)}.btn-dark{background:var(--black);color:var(--white)}.btn-dark:hover{background:var(--black-light)}.btn-ghost{background:none;color:var(--g500)}.btn-ghost:hover{color:var(--red)}.btn-sm{padding:.35rem .8rem;font-size:.78rem}.btn-lg{padding:.6rem 1.5rem;font-size:.88rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:4px;font-size:.72rem;font-weight:500}.badge-red{background:#ffebee;color:#c62828}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-orange{background:#fff3e0;color:#e65100}.badge-blue{background:#e3f2fd;color:#1565c0}.badge-gray{background:#eceff1;color:#546e7a}.badge-gold{background:#fff8e1;color:#f57f17}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th{background:var(--g50);padding:.7rem 1rem;text-align:left;font-weight:600;font-size:.78rem;color:var(--g700);border-bottom:1px solid var(--g100);white-space:nowrap}td{padding:.75rem 1rem;border-bottom:1px solid var(--g100)}tr:hover td{background:#c41e2404}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem;font-size:.85rem}.ig-label{color:var(--g500)}.ig-value{font-weight:500}.steps-bar{display:flex;align-items:center;padding:0 .5rem;margin-bottom:1.5rem}.step-item{display:flex;align-items:center;gap:8px;flex:1;position:relative}.step-item:not(:last-child):after{content:"";flex:1;height:2px;background:var(--g300);margin:0 .6rem}.step-item.done:not(:last-child):after{background:var(--red)}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--g300);color:var(--white);flex-shrink:0}.step-item.done .step-num{background:var(--red)}.step-item.active .step-num{background:var(--red);box-shadow:0 0 0 3px #c41e2433}.step-label{font-size:.78rem;color:var(--g500);white-space:nowrap}.step-item.done .step-label,.step-item.active .step-label{color:var(--black);font-weight:500}.file-list{display:flex;flex-direction:column;gap:.6rem}.file-row{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--g50);border-radius:var(--r);border:1px solid rgba(0,0,0,.03)}.file-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.file-icon.pdf{background:#ffebee}.file-icon.doc{background:#e3f2fd}.file-icon.xls{background:#e8f5e9}.file-info{flex:1}.file-info h5{font-size:.85rem;font-weight:500}.file-info p{font-size:.75rem;color:var(--g500)}.fs{font-size:.72rem;padding:.2rem .6rem;border-radius:20px;font-weight:500}.fs-done{background:#e8f5e9;color:#2e7d32}.fs-pending{background:#fff3e0;color:#e65100}.fs-active{background:#ffebee;color:#c62828}.fs-wait{background:#eceff1;color:#546e7a}.progress-bar{height:6px;background:var(--g100);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--red-light));border-radius:3px;transition:width .5s ease}.ca-toggle{display:inline-flex;background:var(--g100);border-radius:var(--r);overflow:hidden}.ca-toggle-btn{padding:.45rem 1rem;font-size:.82rem;color:var(--g700);background:none;transition:var(--tr);border:1px solid transparent}.ca-toggle-btn.active{background:var(--white);color:var(--red);border-color:var(--red);font-weight:600}.seal-preview{width:180px;height:180px;border-radius:50%;border:3px solid var(--red);margin:1rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#c41e2405}.seal-preview:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid var(--red);border-radius:50%;opacity:.4}.seal-star{font-size:1.8rem;color:var(--red)}.seal-name{font-size:.7rem;color:var(--red);font-weight:700;letter-spacing:3px;margin-top:3px}.seal-type{font-size:.6rem;color:var(--red);margin-top:1px}.timeline{position:relative;padding-left:1.8rem}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--g300)}.tl-item{position:relative;padding-bottom:1.2rem}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-1.8rem;top:5px;width:14px;height:14px;border-radius:50%;background:var(--g300);border:3px solid var(--white);box-shadow:0 0 0 2px var(--g300)}.tl-item.done .tl-dot{background:var(--red);box-shadow:0 0 0 2px var(--red)}.tl-item.active .tl-dot{background:var(--red);box-shadow:0 0 0 2px var(--red);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--red)}50%{box-shadow:0 0 0 5px #c41e2433}}.tl-time{font-size:.75rem;color:var(--g500)}.tl-text{font-size:.85rem;margin-top:.1rem}.flow-diagram{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:1.5rem 0;overflow-x:auto}.flow-node{display:flex;flex-direction:column;align-items:center;width:100px;text-align:center}.flow-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.5rem;position:relative;z-index:1}.flow-node.done .flow-icon{background:var(--red);color:var(--white)}.flow-node.active .flow-icon{background:var(--red);color:var(--white);box-shadow:0 0 0 4px #c41e2433;animation:pulse 2s infinite}.flow-node.wait .flow-icon{background:var(--g100);color:var(--g500)}.flow-label{font-size:.72rem;color:var(--g500);font-weight:500}.flow-node.done .flow-label,.flow-node.active .flow-label{color:var(--black)}.flow-arrow{width:36px;display:flex;align-items:center;justify-content:center;padding-top:12px;color:var(--g300);font-size:1rem}.flow-arrow.done{color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.project-card{background:var(--white);border-radius:var(--rl);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-sm);padding:1.2rem;transition:var(--tr);cursor:pointer}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pc-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.pc-header h4{font-size:.95rem;font-weight:600;flex:1;margin-right:.5rem}.pc-meta{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;font-size:.78rem;color:var(--g500);margin-bottom:.8rem}.pc-meta span strong{color:var(--black);font-weight:500}.pc-progress{display:flex;align-items:center;gap:.5rem}.pc-progress .progress-bar{height:4px;flex:1}.pc-pct{font-size:.75rem;font-weight:600;color:var(--red);min-width:32px}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.2rem}.stat-card{background:var(--white);border-radius:var(--rl);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.03)}.sc-label{font-size:.78rem;color:var(--g500);margin-bottom:.3rem}.sc-num{font-size:1.6rem;font-weight:800}.sc-num.red{color:var(--red)}.sc-num.green{color:var(--green)}.sc-num.blue{color:var(--blue)}.sc-num.gold{color:var(--gold)}.sc-sub{font-size:.72rem;color:var(--g500);margin-top:.15rem}.hall-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.2rem}.hall-stat{background:var(--white);border-radius:var(--r);padding:1rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.03)}.hs-num{font-size:1.6rem;font-weight:800}.hs-label{font-size:.78rem;color:var(--g500);margin-top:.15rem}.opening-header{background:linear-gradient(135deg,var(--black),var(--black-light));color:var(--white);border-radius:var(--rl);padding:1.5rem 2rem;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:space-between}.opening-title h2{font-size:1.2rem;margin-bottom:.3rem}.opening-title p{font-size:.82rem;color:var(--g300)}.countdown{display:flex;gap:.8rem;align-items:center}.cd-block{background:#ffffff14;border-radius:var(--r);padding:.5rem .8rem;text-align:center;min-width:52px}.cd-num{font-size:1.5rem;font-weight:800;color:var(--red-light);font-variant-numeric:tabular-nums}.cd-label{font-size:.65rem;color:var(--g500);margin-top:2px}.cd-sep{font-size:1.2rem;color:var(--g500);font-weight:700;padding-bottom:.8rem}.upload-zone{border:2px dashed var(--g300);border-radius:var(--rl);padding:2rem;text-align:center;cursor:pointer;transition:var(--tr);background:var(--g50)}.upload-zone:hover{border-color:var(--red);background:var(--red-bg)}.upload-zone .uz-icon{font-size:2rem;margin-bottom:.5rem}.upload-zone h4{font-size:.92rem;margin-bottom:.2rem}.upload-zone p{font-size:.78rem;color:var(--g500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-overlay.active{display:flex}.modal{background:var(--white);border-radius:12px;padding:2rem;max-width:440px;width:90%;box-shadow:var(--shadow-lg);text-align:center}.modal .m-icon{font-size:2.8rem;margin-bottom:.8rem}.modal h3{font-size:1.05rem;margin-bottom:.4rem}.modal p{font-size:.85rem;color:var(--g500);margin-bottom:1.3rem}.modal-actions{display:flex;gap:.7rem;justify-content:center}.app-footer{padding:1rem 2rem;text-align:center;font-size:.75rem;color:var(--g500);border-top:1px solid var(--g100);background:var(--white)}@media(max-width:900px){.stats-row,.hall-stats{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.flow-diagram{flex-wrap:wrap;gap:.5rem}.flow-arrow{display:none}.countdown{flex-wrap:wrap}}.pin-modal{max-width:360px!important}.pin-input-wrap{margin-top:1rem}.pin-input{width:100%;padding:.65rem 1rem;border:1px solid var(--g300);border-radius:var(--r);font-size:1.1rem;letter-spacing:.3rem;text-align:center;outline:none;transition:var(--tr)}.pin-input:focus{border-color:var(--red)}.enc-pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.enc-pin-box{background:#fff;border-radius:14px;padding:2rem;width:340px;text-align:center;box-shadow:0 8px 40px #0000004d}.enc-pin-icon{font-size:2.5rem;margin-bottom:.6rem}.enc-pin-title{font-size:1.05rem;font-weight:700;color:#1a1a1a;margin-bottom:.3rem}.enc-pin-sub{font-size:.82rem;color:#888;margin-bottom:1.2rem}.enc-pin-input{width:100%;padding:.65rem 1rem;border:1.5px solid #ddd;border-radius:8px;font-size:1.2rem;letter-spacing:.4rem;text-align:center;outline:none;transition:border-color .2s}.enc-pin-input:focus{border-color:#c41e24}.enc-pin-error{color:#c41e24;font-size:.78rem;margin-top:.5rem;padding:.3rem .5rem;background:#fff0f0;border-radius:4px}.enc-pin-actions{display:flex;gap:.8rem;margin-top:1.2rem}.enc-pin-btn-cancel{flex:1;padding:.6rem;border:1.5px solid #ddd;border-radius:8px;font-size:.88rem;color:#666;background:#fff;cursor:pointer;transition:all .2s}.enc-pin-btn-cancel:hover{border-color:#c41e24;color:#c41e24}.enc-pin-btn-confirm{flex:1;padding:.6rem;background:linear-gradient(135deg,#c41e24,#8b1a1e);color:#fff;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.enc-pin-btn-confirm:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.enc-pin-btn-confirm:disabled{opacity:.5;cursor:not-allowed}