:root{--iwd-green:#0ea472;--iwd-green-dark:#0a8a5f;--iwd-green-light:#d1fae5;--iwd-green-faint:#f0fdf7;--bg-page:#f9fafb;--bg-card:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--shadow-card:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-card-hover:0 4px 12px rgba(0,0,0,.09);--header-height:60px;--max-width:1280px;--gutter:24px;--radius:10px;--radius-sm:6px;--radius-xs:4px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fff;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 var(--gutter);z-index:100;gap:16px}.header-left,.site-header{display:flex;align-items:center}.header-left{gap:14px;min-width:0}.logo{flex-shrink:0}.logo-mark{font-size:21px;font-weight:900;color:var(--iwd-green);letter-spacing:-.5px;font-style:italic;line-height:1}.header-divider{width:1px;height:26px;background:var(--border);flex-shrink:0}.header-client{display:flex;flex-direction:column;gap:1px;min-width:0}.header-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);line-height:1}.header-project{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{gap:12px;flex-shrink:0}.header-right,.user-info{display:flex;align-items:center}.user-info{gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);object-fit:cover}.user-email{font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.signout-btn,.user-email{color:var(--text-secondary);white-space:nowrap}.signout-btn{font-size:12px;font-weight:500;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 11px;cursor:pointer;transition:background .15s,color .15s}.signout-btn:hover{background:var(--bg-page);color:var(--text-primary)}.header-agency-link{font-size:12px;font-weight:500;color:var(--text-muted);transition:color .15s}.header-agency-link:hover{color:var(--iwd-green)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding-top:calc(var(--header-height) + 32px);padding-bottom:48px;padding-left:var(--gutter);padding-right:var(--gutter);max-width:var(--max-width);width:100%;margin-left:auto;margin-right:auto}.welcome-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.welcome-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.welcome-sub{font-size:13px;color:var(--text-secondary);margin-top:3px}.live-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--iwd-green);background:var(--iwd-green-faint);border:1px solid var(--iwd-green-light);border-radius:20px;padding:4px 10px;white-space:nowrap;flex-shrink:0;letter-spacing:.04em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--iwd-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sections-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}@media (max-width:1024px){.sections-grid{grid-template-columns:repeat(2,1fr)}.span-3{grid-column:span 2}}@media (max-width:640px){.sections-grid{grid-template-columns:1fr}.span-1,.span-2,.span-3{grid-column:span 1}}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.section-header{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-light);border-left:3px solid transparent}.section-icon{font-size:15px;line-height:1.3;flex-shrink:0}.section-header-text{flex:1 1;min-width:0}.section-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.3}.section-desc{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.4}.section-count{flex-shrink:0;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;line-height:1.6;margin-top:1px}.section-items{flex:1 1;padding:4px 0}.empty-message{padding:20px 16px;color:var(--text-muted);font-size:13px;font-style:italic}.doc-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border-light);transition:background .1s}.doc-card:last-child{border-bottom:none}.doc-card:hover{background:#fafafa}.doc-card--pinned{background:var(--iwd-green-faint)}.doc-card--pinned:hover{background:#e9fbf4}.doc-info{flex:1 1;min-width:0}.doc-type-badge{gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;opacity:.85}.doc-title-row,.doc-type-badge{display:flex;align-items:center}.doc-title-row{gap:7px;flex-wrap:wrap}.doc-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.3}.doc-badge{font-size:10px;font-weight:700;color:var(--iwd-green-dark);background:var(--iwd-green-light);border-radius:var(--radius-xs);padding:1px 6px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.doc-desc{color:var(--text-secondary);line-height:1.4}.doc-date,.doc-desc{font-size:11px;margin-top:3px}.doc-date{color:var(--text-muted)}.open-btn{flex-shrink:0;display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--iwd-green);background:var(--iwd-green-light);border:none;border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;letter-spacing:.01em}.open-btn:hover{background:var(--iwd-green);color:#fff}.open-btn--pending{cursor:default;font-weight:500}.open-btn--pending,.open-btn--pending:hover{color:var(--text-muted);background:var(--border-light)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:var(--gutter)}.login-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:40px 36px;width:100%;max-width:380px;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.07)}.login-logo{margin-bottom:20px}.login-title{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.2px}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;line-height:1.5;padding:11px 14px;border-radius:var(--radius-sm);margin-bottom:16px;text-align:left}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 1px 3px rgba(0,0,0,.08)}.google-signin-btn:hover{background:var(--bg-page);box-shadow:0 2px 6px rgba(0,0,0,.1)}.login-note{font-size:12px;color:var(--text-muted);margin-top:16px;line-height:1.5}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-light)}.login-footer a{font-size:12px;color:var(--iwd-green);font-weight:500}.login-footer a:hover{text-decoration:underline}.page-footer{text-align:center;padding:20px var(--gutter);font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);background:#fff}.page-footer a{color:var(--iwd-green);font-weight:500}.page-footer a:hover{text-decoration:underline}