:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#2e2f32;background:#f7f3ec;font-synthesis:none;--charcoal:#2e2f32;--orange:#da7822;--ivory:#fefaf3;--paper:#fffdf9;--line:#dfd9d0;--muted:#77746e;--shadow:0 18px 55px rgba(46,47,50,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--orange);color:#fff;padding:.78rem 1rem;font-weight:700;cursor:pointer;transition:.2s ease}button:hover{transform:translateY(-1px);filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(218,120,34,.32);outline-offset:2px}button:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;color:var(--charcoal);border:1px solid var(--line)}.secondary.dark{background:transparent;color:var(--ivory);border-color:#65666a}.danger{background:#a3453b}.text-button{background:transparent;color:#c9c4bc;padding:.5rem 0}.icon-button{padding:.2rem .55rem;background:#eee9e1;color:var(--charcoal)}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--charcoal);color:#fff;padding:30px 24px;display:flex;flex-direction:column}.logo{padding:0;background:transparent;border-radius:0;text-align:left}.logo:hover{transform:none;filter:none}.logo img{width:188px;max-width:100%}.sidebar nav{display:grid;gap:7px;margin-top:60px}.sidebar nav button{width:100%;color:#bbb9b4;padding:12px 13px;border-radius:10px;display:flex;gap:13px;align-items:center;background:transparent;text-align:left;font-weight:400}.sidebar nav button:hover{background:#343539;color:#fff;transform:none;filter:none}.sidebar nav button.active{background:#3a3b3f;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:4px;height:24px;background:var(--orange);border-radius:0 3px 3px 0}.sidebar-bottom{margin-top:auto}.language{display:flex;gap:4px}.language button{padding:.35rem .55rem;background:transparent;color:#85827d;font-size:.77rem}.language button.active{color:var(--orange);background:#da78221a}.user{display:flex;gap:10px;align-items:center;border-top:1px solid #45464a;margin-top:18px;padding-top:18px}.user>span{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);border-radius:50%;font-weight:800}.user div{display:grid}.user small{color:#999690;font-size:.72rem}.main{padding:48px clamp(24px,5vw,72px);max-width:1600px;width:100%;margin:auto}.page-heading,.detail-title,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.page-heading h1,.detail-title h1{margin:.15rem 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.page-heading p,.detail-title p{color:var(--muted);margin:.4rem 0}.eyebrow{font-size:.7rem!important;letter-spacing:.2em;color:var(--orange)!important;font-weight:800;margin:0!important}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0}.stats article{background:#ffffffc2;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.stats article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2e8da;color:var(--orange);font-weight:900}.stats div{display:grid}.stats strong{font-size:1.45rem}.stats small{color:var(--muted)}.stats .warn{border-color:#e5b497}.section-heading{margin:35px 0 18px}.section-heading h2{margin:.2rem 0;font-size:1.4rem}.filters{display:flex;gap:8px}.filters input,.filters select,input,select{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:.72rem;color:var(--charcoal)}.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tour-card{padding:0;text-align:left;background:var(--paper);color:var(--charcoal);border:1px solid var(--line);overflow:hidden;border-radius:16px;box-shadow:0 2px 12px #2e2f3206}.tour-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tour-image{height:170px;position:relative}.pano-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 35%,#e6b170 0 10%,transparent 11%),linear-gradient(145deg,#37393b,#1f2022);color:#fff}.pano-placeholder span{width:66px;height:66px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-weight:800}.badge{display:inline-block;border-radius:50px;padding:.28rem .55rem;font-size:.67rem;font-weight:800}.tour-image .badge{position:absolute;top:12px;right:12px}.badge.public{background:#d9eadc;color:#285d34}.badge.private{background:#e7e1ee;color:#543a6c}.badge.unlisted{background:#f6dfcb;color:#824d20}.tour-copy{padding:16px}.tour-copy>small{color:var(--orange);text-transform:uppercase;letter-spacing:.09em;font-size:.62rem;font-weight:800}.tour-copy h3{margin:.45rem 0 1rem;font-size:1.1rem}.tour-copy>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.7rem}.status{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.status.published{color:#347044}.empty{padding:3rem;text-align:center;border:1px dashed #ccc3b8;border-radius:14px;color:var(--muted)}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-list article{background:#ffffffa6;border:1px solid var(--line);padding:16px;border-radius:13px;display:flex;align-items:center;gap:12px}.client-list article>span{width:38px;height:38px;border-radius:50%;background:var(--charcoal);color:var(--ivory);display:grid;place-items:center;font-size:.7rem;font-weight:800}.client-list article div{display:grid;flex:1}.client-list small{color:var(--muted);margin-top:3px}.client-list i{width:8px;height:8px;border-radius:50%;background:#aaa}.client-list i.online{background:#4c9d62}.notice{display:flex;justify-content:space-between;padding:12px 16px;border-radius:10px;margin:15px 0}.notice.error,.field-error{color:#8b332d;background:#f4dedb}.notice button{padding:0;background:transparent;color:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:var(--charcoal)}.auth-brand{color:var(--ivory);padding:6vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 90% 100%,rgba(218,120,34,.22),transparent 35%)}.auth-brand img{width:250px}.auth-brand h1{font-size:clamp(2.5rem,5vw,5.4rem);max-width:850px;letter-spacing:-.055em;line-height:.95;margin:1rem 0}.auth-brand p{color:#c7c2bb;max-width:650px;line-height:1.6}.auth-card{background:var(--ivory);padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.auth-card>.language{position:absolute;top:28px;right:34px}.auth-card form,.invite-card form,.modal form{display:grid;gap:17px}.auth-card h2{font-size:2rem}.auth-card label,.modal label,.settings-panel label{display:grid;gap:7px;font-size:.78rem;font-weight:700}.auth-card input{padding:.9rem}.center-page{min-height:100vh;display:grid;place-items:center;background:#ede7dc}.invite-card{width:min(460px,90vw);background:var(--paper);padding:42px;border-radius:18px;box-shadow:var(--shadow)}.invite-card img{width:200px}.invite-card>.language{margin:25px 0}.modal-backdrop{position:fixed;inset:0;background:#151617a6;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;background:var(--ivory);width:min(620px,100%);border-radius:20px;padding:36px;box-shadow:0 30px 90px #00000059}.modal h2{font-size:2rem;margin:.5rem 0 1.5rem}.modal-close{position:absolute;right:20px;top:18px;background:transparent;color:var(--charcoal);font-size:1.4rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.detail-page{min-height:100vh;background:#f5f1e9}.detail-top{height:74px;background:var(--charcoal);display:flex;align-items:center;gap:20px;padding:0 5vw}.detail-top img{width:190px;margin-right:auto}.detail-page main{max-width:1400px;margin:auto;padding:42px 5vw}.detail-title{margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.65fr);gap:18px}.preview-panel,.settings-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pano-placeholder.large{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:center;gap:12px}.tour-preview{display:block;width:100%;aspect-ratio:16/10;border:0;background:#fff}.pano-placeholder.large small{color:#bbb}.settings-panel{padding:24px}.settings-panel h2{font-size:1rem;margin:1.5rem 0 .8rem}.settings-panel h2:first-child{margin-top:0}.settings-panel label select{width:100%}.versions,.links{display:grid;gap:6px}.versions>div,.links>div{display:flex;align-items:center;justify-content:space-between;background:#f3efe8;border-radius:9px;padding:9px 11px}.versions span,.links span{display:grid;font-weight:700}.versions small,.links small{color:var(--muted);font-weight:400}.versions button{padding:.4rem .7rem;font-size:.72rem}.share-panel>button{margin-right:7px;margin-bottom:10px}.splash{min-height:100vh;background:var(--charcoal);display:grid;place-items:center}.splash img{width:100px}.splash span{position:absolute;width:120px;height:120px;border:2px solid transparent;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:25px 14px}.sidebar .logo img{width:52px;object-fit:cover;object-position:left}.sidebar nav span,.sidebar .user div,.sidebar .text-button{display:none}.sidebar nav button{justify-content:center}.stats,.tour-grid,.client-list{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-brand{min-height:50vh}.detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;padding:16px}.sidebar nav{display:none}.sidebar-bottom{margin:0 0 0 auto;display:flex;align-items:center;gap:10px}.sidebar-bottom .user,.sidebar-bottom .text-button{display:none}.main{padding:28px 18px}.page-heading,.section-heading,.detail-title{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;margin:25px 0}.stats article{padding:13px}.tour-grid,.client-list{grid-template-columns:1fr}.filters{width:100%;flex-direction:column}.filters input,.filters select{width:100%}.auth-brand{padding:36px 24px}.auth-card{padding:55px 24px}.two{grid-template-columns:1fr}.detail-page main{padding:28px 18px}.detail-top{padding:0 18px}.detail-top img{width:150px}.detail-title .heading-actions{width:100%}.detail-title .heading-actions button{flex:1}}
