.detail-view{display:none}.detail-view.active{display:block}.detail-back{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-size:11px;color:#aaa}.back-button{background:transparent;color:var(--purple);font-size:11px}.detail-hero{background:#fff;border:1px solid #f0f0f4;border-radius:12px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.detail-hero .project-card-cover{width:76px;height:96px;margin:0;font-size:11px;padding-top:20px}.detail-hero .project-card-cover b{font-size:15px}.detail-title{flex:1}.detail-title h1{font:600 25px 'Space Grotesk';margin:0}.detail-title p{font-size:11px;color:#999;margin:7px 0 15px}.detail-actions{display:flex;gap:8px}.detail-actions .primary-button{padding:9px 13px;font-size:11px}.detail-actions .secondary-button{padding:8px 13px}.detail-kpi{width:190px;border-left:1px solid var(--line);padding-left:23px}.detail-kpi span,.detail-kpi small{display:block;color:#999;font-size:10px}.detail-kpi strong{display:block;font:600 25px 'Space Grotesk';margin:7px 0}.detail-kpi .progress{height:5px}.detail-kpi small{color:#45a981;margin-top:7px}.detail-tabs{display:flex;gap:27px;border-bottom:1px solid #e8e8ef;margin:25px 0 18px}.detail-tabs button{background:transparent;color:#999;padding:0 1px 12px;font-size:11px}.detail-tabs button.active{color:var(--purple);font-weight:600;border-bottom:2px solid var(--purple)}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.detail-schedule{grid-row:span 2}.shoot-day{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.day-date{width:42px;height:48px;background:#f7f6ff;border-radius:8px;text-align:center;padding-top:5px;flex:none}.day-date b{font:600 19px 'Space Grotesk';display:block;color:#6355ce}.day-date span{font-size:8px;line-height:10px;color:#999;display:block}.shoot-main{flex:1}.shoot-main h3{font-size:11px}.shoot-main p{font-size:10px;color:#999;margin:4px 0 9px}.crew-line{display:flex;gap:12px;color:#999;font-size:9px}.detail-team .panel-header,.detail-files .panel-header{margin-bottom:8px}.department{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.department>div:nth-child(2){flex:1}.department b,.department small{display:block;font-size:10px}.department small{color:#999;margin-top:3px}.department-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.purple-icon{background:#eeedff;color:#6757cf}.orange-icon{background:#fff0e6;color:#df8e4c}.blue-icon{background:#e8f5ff;color:#579bd0}.file-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.file-row>div{flex:1}.file-row b,.file-row small{display:block;font-size:10px}.file-row small{color:#999;margin-top:3px}.file-icon{width:28px;height:32px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:700}.pdf{background:#ffebe7;color:#df7569}.doc{background:#e9f4ff;color:#559bd4}.img{background:#eaf8f2;color:#42a87e}.file-size{font-size:9px;color:#aaa}@media(max-width:800px){.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-kpi{width:100%;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.detail-grid{grid-template-columns:1fr}.detail-tabs{gap:15px;overflow:auto}.detail-tabs button{white-space:nowrap}}