:root{--ts-blue:#0767f7;--ts-blue-dark:#0757d3;--ts-navy:#061d35;--ts-navy-2:#031528;--ts-ink:#111827;--ts-muted:#657084;--ts-line:#dfe5ee;--ts-bg:#f5f7fb;--ts-card:#fff;--ts-green:#28a85d;--ts-yellow:#f4a900;--ts-red:#d64545;--ts-radius:12px;--ts-shadow:0 8px 24px rgba(14,31,53,.08)}
.ts360-app-shell,.ts360-auth-layout,.ts360-auth-required{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ts-ink);box-sizing:border-box}.ts360-app-shell *,.ts360-auth-layout *,.ts360-auth-required *{box-sizing:border-box}.ts360-app-shell{display:flex;min-height:100vh;background:var(--ts-bg);width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
.ts360-sidebar{width:228px;background:linear-gradient(180deg,var(--ts-navy),var(--ts-navy-2));color:#fff;padding:24px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex:0 0 228px}.ts360-logo,.ts360-auth-logo{font-size:27px;font-weight:800;letter-spacing:-1.1px;color:#fff;text-decoration:none;padding:2px 8px 24px}.ts360-logo span,.ts360-auth-logo span{color:#1680f8;font-weight:500}.ts360-sidebar nav p{font-size:11px;letter-spacing:.08em;color:#9eb1c8;margin:24px 10px 8px}.ts360-sidebar nav a{display:flex;align-items:center;gap:12px;color:#edf5ff;text-decoration:none;padding:12px 13px;border-radius:8px;font-size:14px;margin:3px 0}.ts360-sidebar nav a span{width:20px;text-align:center;font-size:17px}.ts360-sidebar nav a:hover,.ts360-sidebar nav a.active{background:linear-gradient(135deg,#0874ff,#0860de);color:#fff}.ts360-support-card{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:10px}.ts360-support-card strong{font-size:14px}.ts360-support-card p{font-size:12px;color:#c8d5e3;line-height:1.5}.ts360-support-card a{display:block;text-align:center;background:var(--ts-blue);color:#fff;padding:10px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px}
.ts360-main{min-width:0;flex:1}.ts360-topbar{height:74px;background:#fff;border-bottom:1px solid var(--ts-line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.ts360-topbar h2{font-size:20px;margin:0 0 2px}.ts360-topbar p{margin:0;color:var(--ts-muted);font-size:12px}.ts360-user-chip{display:flex;align-items:center;gap:10px}.ts360-user-chip>span:last-child{display:flex;flex-direction:column;font-size:13px}.ts360-user-chip small{font-size:11px;color:var(--ts-muted)}.ts360-avatar{width:38px;height:38px;border-radius:50%;background:var(--ts-blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.ts360-content{padding:26px 28px 54px;max-width:1540px;margin:auto}.ts360-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.ts360-section-heading.compact{margin:0 0 16px}.ts360-section-heading h1,.ts360-section-heading h2{margin:0 0 6px;font-size:24px}.ts360-section-heading p{margin:0;color:var(--ts-muted)}.ts360-kicker{color:var(--ts-blue)!important;font-size:11px!important;font-weight:800;letter-spacing:.12em;margin-bottom:7px!important}
.ts360-project-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px}.ts360-project-card{background:#fff;border:1px solid var(--ts-line);border-radius:var(--ts-radius);overflow:hidden;box-shadow:0 2px 8px rgba(23,41,66,.04);transition:.2s}.ts360-project-card:hover{transform:translateY(-2px);box-shadow:var(--ts-shadow)}.ts360-project-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.ts360-project-image img{width:100%;height:100%;object-fit:cover;display:block}.ts360-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;background:#eaf0f8;color:#4b5d73}.ts360-project-image .ts360-status{position:absolute;left:12px;bottom:10px;color:#fff;border-radius:5px}.status-completed,.status-delivered{background:var(--ts-green)!important;color:#fff!important}.status-in-progress{background:var(--ts-blue)!important;color:#fff!important}.status-processing,.status-quality-review{background:var(--ts-yellow)!important;color:#fff!important}.status-archived{background:#6b7280!important;color:#fff!important}.ts360-project-card-body{padding:14px}.ts360-project-card h2{font-size:16px;margin:0 0 5px}.ts360-project-card h2 a{color:var(--ts-ink);text-decoration:none}.ts360-project-card p{font-size:12px;color:var(--ts-muted);margin:3px 0}.ts360-updated{margin-top:10px!important}.ts360-open-project{display:inline-flex;gap:7px;color:var(--ts-blue);font-weight:800;text-decoration:none;margin-top:12px;font-size:13px}
.ts360-back-link{display:inline-block;color:var(--ts-blue);text-decoration:none;font-size:13px;margin-bottom:15px}.ts360-project-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--ts-line);border-radius:var(--ts-radius) var(--ts-radius) 0 0;padding:20px}.ts360-title-row{display:flex;align-items:center;gap:12px}.ts360-title-row h1{font-size:25px;margin:0}.ts360-title-icon{width:38px;height:38px;border-radius:9px;border:1px solid var(--ts-line);display:grid;place-items:center;font-size:21px}.ts360-project-header p{margin:6px 0 0 50px;color:var(--ts-muted);font-size:13px}.ts360-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:8px;padding:11px 17px;font-weight:800;cursor:pointer;font-size:14px}.ts360-button-primary{background:var(--ts-blue);color:#fff}.ts360-button-primary:hover{background:var(--ts-blue-dark);color:#fff}.ts360-button-secondary{background:#fff;color:var(--ts-blue);border:1px solid #b8cdf1}.ts360-button-full{width:100%}.ts360-tabs{background:#fff;border:1px solid var(--ts-line);border-top:0;padding:0 18px;display:flex;gap:8px;overflow:auto}.ts360-tabs a{padding:15px 14px;color:#4e5d72;text-decoration:none;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}.ts360-tabs a:hover,.ts360-tabs a.active{color:var(--ts-blue);border-bottom-color:var(--ts-blue)}
.ts360-project-overview{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.7fr);gap:16px;margin-top:16px}.ts360-viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ts360-viewer-card,.ts360-project-info-card{background:#fff;border:1px solid var(--ts-line);border-radius:var(--ts-radius);overflow:hidden}.ts360-card-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--ts-line)}.ts360-card-heading h2,.ts360-project-info-card h2{font-size:15px;margin:0}.ts360-card-heading a{font-size:12px;text-decoration:none;color:var(--ts-blue);font-weight:700}.ts360-embed-wrap{aspect-ratio:4/3;background:#0b1726}.ts360-embed-wrap iframe{width:100%;height:100%;border:0;display:block}.ts360-project-info-card{padding:17px}.ts360-project-info-card h2{margin-bottom:14px}.ts360-info-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:12px}.ts360-info-row span{color:var(--ts-muted)}.ts360-info-row strong{text-align:right}.ts360-project-note{padding-top:15px;font-size:12px}.ts360-project-note p{color:var(--ts-muted);line-height:1.55}.ts360-download-section{margin-top:20px;background:#fff;border:1px solid var(--ts-line);border-radius:var(--ts-radius);padding:20px}.ts360-file-group+.ts360-file-group{margin-top:22px}.ts360-file-group h3{font-size:14px;margin:0 0 10px}.ts360-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ts360-file-card{border:1px solid var(--ts-line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ts-ink);min-width:0;transition:.2s}.ts360-file-card:hover{border-color:#9bc2ff;box-shadow:0 4px 14px rgba(7,103,247,.09)}.ts360-file-icon{width:42px;height:42px;border-radius:8px;background:#e9f2ff;color:var(--ts-blue);display:grid;place-items:center;font-weight:900;font-size:11px;flex:0 0 auto}.ts360-file-copy{display:flex;flex-direction:column;min-width:0}.ts360-file-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts360-file-copy small{font-size:11px;color:var(--ts-muted);margin-top:3px}.ts360-download-icon{margin-left:auto;color:var(--ts-blue);font-size:20px}
.ts360-empty-state{background:#fff;border:1px dashed #c9d4e3;border-radius:var(--ts-radius);padding:62px 20px;text-align:center}.ts360-empty-state.compact{padding:28px}.ts360-empty-state h2,.ts360-empty-state h3{margin:8px 0}.ts360-empty-state p{color:var(--ts-muted);margin:0}.ts360-notice{padding:11px 13px;border-radius:7px;font-size:13px;margin:10px 0}.ts360-notice-error{background:#fff0f0;color:#a72a2a;border:1px solid #f5c5c5}.ts360-notice-success{background:#ecfbf2;color:#15733f;border:1px solid #bde8cf}
.ts360-auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#fff;max-width:1180px;margin:40px auto;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(7,28,54,.14)}.ts360-auth-panel{padding:70px}.ts360-auth-brand{background:linear-gradient(145deg,#04182d,#07345d);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.ts360-auth-brand:after{content:"360";position:absolute;font-size:280px;font-weight:900;color:rgba(255,255,255,.025);right:-50px;bottom:-70px}.ts360-auth-brand .ts360-auth-logo{padding:0 0 40px;font-size:34px;position:relative;z-index:1}.ts360-auth-brand h1{font-size:42px;line-height:1.1;margin:0 0 20px;max-width:500px;position:relative;z-index:1}.ts360-auth-brand p{font-size:16px;line-height:1.7;color:#c8d6e7;position:relative;z-index:1}.ts360-auth-form-panel{display:flex;align-items:center;background:#f7f9fc}.ts360-auth-card{width:100%;max-width:480px;margin:auto;background:#fff;border:1px solid var(--ts-line);border-radius:14px;padding:30px;box-shadow:var(--ts-shadow)}.ts360-auth-card h2{font-size:27px;margin:0 0 7px}.ts360-auth-card>p{color:var(--ts-muted);font-size:13px}.ts360-auth-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin:15px 0}.ts360-auth-card input[type=text],.ts360-auth-card input[type=email],.ts360-auth-card input[type=password]{height:46px;border:1px solid #cfd8e5;border-radius:8px;padding:0 12px;font:inherit;background:#fff}.ts360-auth-card input:focus{outline:2px solid rgba(7,103,247,.15);border-color:var(--ts-blue)}.ts360-check{flex-direction:row!important;align-items:center!important;font-weight:500!important}.ts360-auth-switch{text-align:center;margin-top:17px!important}.ts360-auth-switch a{color:var(--ts-blue);font-weight:800;text-decoration:none}.ts360-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ts360-auth-required{max-width:700px;margin:80px auto;padding:60px;text-align:center;border-radius:18px;background:linear-gradient(145deg,#04182d,#07345d);color:#fff}.ts360-auth-required .ts360-auth-logo{padding:0;font-size:34px}.ts360-auth-required h1{font-size:38px;margin:25px 0 12px}.ts360-auth-required p{color:#c8d6e7;max-width:540px;margin:0 auto 25px}.ts360-auth-actions{display:flex;justify-content:center;gap:12px}
@media(max-width:1200px){.ts360-project-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.ts360-project-overview{grid-template-columns:1fr}.ts360-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ts360-sidebar{width:82px;flex-basis:82px;padding:20px 9px}.ts360-logo{font-size:0;padding:0 0 20px;text-align:center}.ts360-logo:before{content:"TS";font-size:20px;font-weight:900;color:#fff}.ts360-sidebar nav p,.ts360-sidebar nav a:not(.active){font-size:0}.ts360-sidebar nav a{justify-content:center}.ts360-sidebar nav a span{font-size:20px}.ts360-sidebar nav a.active{font-size:0}.ts360-support-card{display:none}.ts360-project-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.ts360-viewer-grid{grid-template-columns:1fr}.ts360-auth-layout{grid-template-columns:1fr;margin:20px}.ts360-auth-brand{display:none}.ts360-auth-form-panel{padding:40px 20px}}
@media(max-width:640px){.ts360-app-shell{display:block}.ts360-sidebar{height:auto;width:100%;position:relative;display:block;padding:12px}.ts360-logo{display:block;padding:0 5px 10px;font-size:22px;text-align:left}.ts360-logo:before{display:none}.ts360-sidebar nav{display:flex;overflow:auto;gap:5px}.ts360-sidebar nav p,.ts360-sidebar nav a:nth-last-child(-n+2){display:none}.ts360-sidebar nav a,.ts360-sidebar nav a.active,.ts360-sidebar nav a:not(.active){font-size:12px;white-space:nowrap}.ts360-topbar{height:auto;padding:15px 18px}.ts360-topbar>div:first-child p{display:none}.ts360-topbar h2{font-size:16px}.ts360-user-chip>span:last-child{display:none}.ts360-content{padding:18px 14px 40px}.ts360-project-grid{grid-template-columns:1fr}.ts360-project-header{align-items:flex-start;gap:15px}.ts360-project-header .ts360-button{display:none}.ts360-title-row{flex-wrap:wrap}.ts360-title-row h1{font-size:21px}.ts360-project-header p{margin-left:0}.ts360-project-overview{display:block}.ts360-project-info-card{margin-top:14px}.ts360-file-grid{grid-template-columns:1fr}.ts360-tabs{padding:0 7px}.ts360-auth-card{padding:22px}.ts360-two-col{grid-template-columns:1fr;gap:0}.ts360-auth-required{margin:25px 14px;padding:40px 20px}.ts360-auth-actions{flex-direction:column}}