:root{color:#172b46;font-synthesis:none;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:#174c78;cursor:pointer;background:#fff;border:1px solid #cfdae5;border-radius:8px;padding:9px 15px}button:hover{background:#edf3f9}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus,textarea:focus,select:focus{outline-offset:2px;outline:3px solid #e9ad63}a{color:#174c78}button.primary{color:#fff;background:#174c78;border-color:#174c78}h1,h2,h3,p{margin:0 0 14px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.header{background:#fff;border-bottom:1px solid #e7edf3;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,50vw - 640px);display:flex}.brand{align-items:center;gap:12px;font-size:32px;font-weight:700;text-decoration:none;display:flex}.brand span{font-size:23px;line-height:1.2}.brand small{letter-spacing:2px;color:#6c7d90;margin-top:7px;font-size:11px;font-weight:400;display:block}.header-actions,.actions,.toolbar,.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-actions{font-size:13px}.tag{color:#174c78;background:#edf3f9;border-radius:6px;padding:4px 10px;font-size:12px}.feedback{z-index:30;max-width:1280px;margin:10px auto;padding:0 20px;position:relative}.error,.notice{border-radius:8px;padding:12px}.error{color:#982f23;background:#fff1ed}.notice{color:#245e47;background:#eaf5ef}.feedback button{float:right;padding:2px 9px}.login-card{background:#fff;border:1px solid #e7edf3;border-radius:16px;max-width:500px;margin:70px auto;padding:36px}.login-card h1{font-size:25px}.eyebrow{color:#6c7d90;letter-spacing:1px;margin-bottom:7px;font-size:13px}.muted{color:#6c7d90}.small{margin:20px 0 0;font-size:12px}label{gap:7px;margin-bottom:18px;font-size:14px;font-weight:500;display:grid}input,select,textarea{color:#172b46;background:#fff;border:1px solid #cfdae5;border-radius:8px;width:100%;padding:11px 12px}textarea{resize:vertical}.layout{grid-template-columns:205px minmax(0,1fr);gap:28px;max-width:1280px;margin:25px auto;padding:0 20px;display:grid}nav{background:#fff;border:1px solid #e7edf3;border-radius:12px;align-self:start;padding:12px;position:sticky;top:20px}nav button{text-align:left;color:#374e68;border:0;border-radius:6px;width:100%;margin:2px 0;padding:13px 15px;display:block}nav button.active{color:#174c78;background:#edf3f9;font-weight:600}.nav-foot{color:#6c7d90;border-top:1px solid #e7edf3;gap:5px;padding:20px 10px 8px;font-size:12px;display:grid}.workspace{min-width:0}.page-heading,.row{justify-content:space-between}.page-heading{align-items:center;margin-bottom:22px;display:flex}.hero{color:#fff;background:#244e71;border-radius:14px;margin-bottom:22px;padding:32px 40px}.hero h2{font-size:32px;line-height:1.6}.hero button{color:#fff;background:#d98a43;border-color:#0000}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px;display:grid}.stats>div{background:#fff;border:1px solid #e7edf3;border-radius:10px;padding:20px;display:grid}.stats strong{color:#174c78;font-size:30px}.stats span{color:#6c7d90}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid article{margin:0}.grid+.muted{margin-top:18px}article{overflow-wrap:anywhere;background:#fff;border:1px solid #e7edf3;border-radius:12px;margin:0 0 16px;padding:24px}.large{font-size:23px;font-weight:600}.toolbar{justify-content:space-between;margin-bottom:20px}.toolbar p{margin:0}.toolbar input{max-width:340px}.empty{text-align:center;color:#6c7d90;background:#fff;border:1px dashed #cfdae5;border-radius:10px;padding:42px 20px}.sublist{border-top:1px solid #e7edf3;margin-top:16px;padding-top:10px}.sublist .row{padding:7px 0}footer{color:#6c7d90;text-align:center;margin:30px 0;font-size:12px}.overlay{z-index:40;background:#152e4966;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;width:560px;max-width:100%;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 80px #0a274333}.dialog h2{margin-bottom:22px}.dialog .error{font-size:13px}.dialog li{margin-bottom:18px}.prose{white-space:pre-wrap}.actions{margin-top:12px}.workspace>button{margin-bottom:18px}@media (width<=760px){.header{flex-wrap:wrap;gap:16px;padding:15px 18px}.brand span{font-size:21px}.header-actions{gap:9px;width:100%}.header-actions button{padding:5px 9px}.login-card{margin:32px 16px;padding:24px}.layout{margin-top:15px;padding:0 16px;display:block}nav{background:0 0;border:0;border-radius:0;margin-bottom:20px;padding:5px;display:flex;position:static;overflow-x:auto}nav button{white-space:nowrap;width:auto;padding:9px 13px}nav .nav-foot{display:none}.hero{padding:25px}.hero h2{font-size:26px}.stats{gap:8px}.stats>div{padding:15px 10px}.stats span{font-size:12px}.grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}article{padding:20px}.dialog{padding:22px}.page-heading{margin-bottom:15px}.feedback{padding:0 16px}.toolbar{align-items:stretch}.toolbar input{max-width:none}.overlay{padding:14px}.row{align-items:flex-start}.header-actions .tag{margin-left:auto}button{min-height:40px}}.employee-layout{max-width:1180px;display:block}.employee-layout>nav{gap:6px;margin-bottom:28px;padding:7px;display:flex;position:static;overflow-x:auto}.employee-layout>nav button{text-align:center;white-space:nowrap;flex:1;width:auto;padding:10px 12px}.employee-layout .nav-foot{display:none}.employee-hero{color:#fff;background:#163f5a;border-radius:18px;grid-template-columns:1.25fr 1fr;min-height:340px;margin-bottom:30px;display:grid;overflow:hidden}.hero-copy{z-index:1;padding:38px 42px;position:relative}.hero-kicker{color:#cedde7;letter-spacing:2px;font-size:12px}.hero-copy h1{letter-spacing:3px;margin:20px 0 18px;font-size:43px;line-height:1.3}.hero-copy>p:not(.hero-kicker){color:#d4e0e8;font-size:14px;line-height:1.9}.warm-button{color:#17394f;background:#eed0a6;border:0;margin-top:9px;padding:12px 20px;font-weight:600}.warm-button:hover{background:#ffe3bf}.warm-button span{margin-left:40px}.harbor-art{background:linear-gradient(155deg,#3b6b7b,#183e55);min-height:340px;position:relative;overflow:hidden}.art-sun{opacity:.95;background:#e8c390;border-radius:50%;width:105px;height:105px;position:absolute;top:50px;right:70px}.art-tower{background:#81a5ad;width:11px;height:140px;position:absolute;bottom:93px;left:33%}.art-tower:before{content:"";background:#81a5ad;width:175px;height:9px;position:absolute;top:5px;left:-45px;transform:rotate(-12deg)}.art-tower:after{content:"";background:#81a5ad;width:1px;height:85px;position:absolute;top:-7px;left:100px}.art-boat{clip-path:polygon(0 0,100% 0,86% 100%,15% 100%);background:#b5cdd0;width:76%;height:52px;position:absolute;bottom:65px;left:12%}.art-water{bottom:0;background:repeating-linear-gradient(0deg,#183e5566 0 12px,#81a5ad55 13px,#183e5566 14px);height:80px;position:absolute;inset-inline:0;transform:skewY(-4deg)}.harbor-art>span{color:#b4cbd3;letter-spacing:2px;font-size:11px;position:absolute;bottom:20px;right:23px}.welcome-line,.section-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.welcome-line h2{margin-bottom:4px;font-size:23px}.welcome-line p,.section-title h2{margin:0}.section-title span{font-size:13px}.upcoming-booking{background:#e8f1f2;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:18px 22px;display:flex}.upcoming-booking strong{margin-left:12px}.upcoming-booking p{margin:6px 0 0}.shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:35px;display:grid}.shortcut-grid>button{text-align:left;border-color:#e1e8ec;border-radius:12px;gap:9px;padding:23px;display:grid;position:relative}.shortcut-icon{color:#346480;font-size:26px}.shortcut-grid strong{font-size:18px}.shortcut-grid small{color:#677d8b;font-size:12px}.shortcut-arrow{color:#9aaebc;position:absolute;top:22px;right:20px}.service-intro{background:#e8eff1;border-radius:14px;align-items:center;gap:22px;margin-bottom:24px;padding:28px;display:flex}.service-symbol{color:#245772;background:#fff;border-radius:20px;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:38px;display:grid}.service-intro h2{margin-bottom:8px}.service-intro p:last-child{color:#526e80;margin:0;font-size:14px}.booking-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.selection-card,.booking-summary{background:#fff;border:1px solid #e1e8ec;border-radius:14px;padding:26px}.selection-card h2,.booking-summary h2{font-size:19px}.step-number{color:#245772;background:#e8eff1;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:8px;font-size:13px;display:inline-grid}.date-options{flex-wrap:wrap;gap:10px;margin:24px 0 32px;display:flex}.date-options button{font-size:13px}.time-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.time-options button{text-align:left;gap:5px;padding:15px;display:grid}.time-options strong{font-size:17px}.time-options span,.time-options small{font-size:12px}.time-options small{color:#738492}button.selected{color:#174c78;background:#eaf2f6;border-color:#245772;box-shadow:inset 0 0 0 1px #245772}.booking-summary dl{margin:22px 0}.booking-summary dl>div{justify-content:space-between;gap:15px;margin:12px 0;font-size:13px;display:flex}.booking-summary dt{color:#738492;flex-shrink:0}.booking-summary dd{text-align:right;overflow-wrap:anywhere;margin:0}.booking-price{border-top:1px dashed #d2dce3;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;display:flex}.booking-price strong{color:#ac6631;font-size:27px}.wide{width:100%}.text-button{background:0 0;border:0;margin-top:12px;font-size:13px}.confirmation-summary{background:#f2f6f8;border-radius:10px;margin-bottom:20px;padding:18px;font-size:14px}.confirmation-summary p:last-child{color:#697e8c;margin:0}.record-filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.rating{color:#986224}@media (width<=760px){.employee-layout>nav{background:#fff;border:1px solid #e1e8ec;border-radius:10px;margin-bottom:20px}.employee-layout>nav button{flex:none;padding:10px 12px;font-size:13px}.employee-hero{grid-template-columns:1fr;min-height:0;position:relative}.hero-copy{padding:28px 25px}.hero-copy h1{font-size:35px}.hero-copy>p:not(.hero-kicker){font-size:13px}.harbor-art{opacity:.23;min-height:0;position:absolute;inset:0 0 0 48%}.art-sun{width:95px;height:95px;top:65px;right:-18px}.harbor-art>span{display:none}.hero-kicker{letter-spacing:1px;font-size:10px}.welcome-line{align-items:flex-start;gap:10px}.welcome-line h2{font-size:19px}.welcome-line p{font-size:12px}.welcome-line button{white-space:nowrap;padding:8px;font-size:12px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortcut-grid>button{padding:18px}.shortcut-grid strong{font-size:16px}.section-title{flex-direction:column;align-items:flex-start;gap:3px}.section-title h2{font-size:21px}.upcoming-booking{padding:15px;font-size:13px}.upcoming-booking button{white-space:nowrap;padding:8px;font-size:12px}.booking-layout{grid-template-columns:1fr;gap:16px}.selection-card,.booking-summary{padding:20px}.service-intro{align-items:flex-start;gap:14px;padding:20px}.service-symbol{border-radius:12px;width:44px;height:44px;font-size:26px}.service-intro h2{font-size:20px}.time-options button{padding:12px}.time-options strong{font-size:15px}.record-filters{gap:6px}.record-filters button{padding:9px;font-size:12px}}.list-filters{background:#fff;border:1px solid #e1e8ec;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.list-filters label{flex:130px;min-width:0;margin:0}.list-filters label:first-child{flex:2 220px}.list-filters .actions{margin:0}.list-summary{color:#587085;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.list-summary label{align-items:center;gap:8px;margin:0;display:flex}.list-summary select{width:auto;padding:6px 12px}.pagination{justify-content:center;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.import-panel,.copy-panel{background:#eef4f8;border:1px solid #ccdce8;border-radius:12px;margin-bottom:24px;padding:24px}.copy-panel{margin-top:30px}.import-panel h2,.copy-panel h2{font-size:19px}.import-panel .file-picker{margin:0;font-size:13px}.import-panel input[type=file]{background:#fff;padding:8px}.import-preview{background:#fff;border:1px solid #d8e3eb;border-radius:8px;max-width:100%;margin-top:16px;overflow:auto}.import-preview table{border-collapse:collapse;text-align:left;width:100%;min-width:580px;font-size:13px}.import-preview th,.import-preview td{overflow-wrap:anywhere;border-bottom:1px solid #e3ebf1;max-width:240px;padding:10px 12px}.import-preview th{white-space:nowrap;background:#e2edf4}.import-errors{color:#982f23;max-height:200px;padding-left:24px;font-size:13px;overflow:auto}.operations-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f9;border-radius:8px;padding:14px;font-size:12px}input[type=checkbox]{accent-color:#174c78;width:22px;height:22px}@media (width<=760px){.list-filters{gap:10px;padding:14px}.list-filters label{flex:125px}.list-filters label:first-child{flex:100%}.import-panel,.copy-panel{padding:16px}.pagination{gap:12px}.operations-panel .toolbar .actions{margin:0}}.service-links{margin:0 0 20px}.employee-query{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0 12px;display:flex}.employee-query label{flex:1;min-width:180px;margin:0}.employee-query label:first-child{flex:2}.employee-query button{min-height:46px}.list-status{color:#6c7d90;font-size:13px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.library-grid article{grid-template-columns:84px minmax(0,1fr);gap:20px;margin:0;display:grid}.book-spine{color:#fff;writing-mode:vertical-rl;letter-spacing:3px;background:linear-gradient(110deg,#233e57 0 8%,#35637b 9% 100%);border-radius:3px 10px 10px 3px;align-self:start;min-height:125px;padding:20px 12px;font-size:16px;box-shadow:3px 5px #e1e8ed}.book-spine span{opacity:.65;letter-spacing:2px;margin-top:15px;font-size:10px}.stock{color:#245e47;margin-top:14px}.employee-record{overflow-wrap:anywhere}.employee-record details summary{color:#174c78;cursor:pointer}.employee-record details p{margin-top:12px}.employee-record .row h3{flex:1;min-width:150px}.ticket-compose{margin-bottom:24px}.ticket-compose .row{justify-content:space-between}.ticket-compose form{margin-top:24px}.photo-preview{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 20px;display:flex}.photo-preview img{object-fit:contain;border-radius:8px;max-width:240px;max-height:160px}.meeting-times{grid-template-columns:1fr 1fr;gap:16px;display:grid}.occupancy-list{padding:0;list-style:none}.occupancy-list li{border-bottom:1px solid #e0e7ed;justify-content:space-between;gap:12px;padding:16px 0;display:flex}.occupancy-list span{color:#6c7d90;font-size:13px}.pagination{justify-content:center;align-items:center;gap:15px;margin:24px 0;display:flex}.employee-layout .shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media (width<=700px){.library-grid{grid-template-columns:1fr}.library-grid article{grid-template-columns:64px minmax(0,1fr);gap:16px}.book-spine{padding:16px 8px}.employee-query label,.employee-query label:first-child{flex-basis:100%;min-width:0}.employee-query button{flex:1}.employee-layout .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-times{gap:10px}.employee-record .actions button{flex:1}.pagination{gap:10px}.pagination button{padding:9px 12px}}.archive-dialog{width:760px}.archive-dialog>.row{justify-content:space-between}.archive-dialog>.row h2{margin-bottom:0}.archive-dialog>.row{margin-bottom:20px}.archive-photo-heading{margin-top:28px}.archive-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.archive-photos figure{min-width:0;margin:0}.archive-photos img{object-fit:contain;background:#f0f4f7;border-radius:10px;width:100%;max-height:220px}.archive-photos figcaption{overflow-wrap:anywhere;margin:8px 0}.archive-upload{border-top:1px solid #e0e7ed;margin-top:22px;padding-top:22px}.participant-row{border-bottom:1px solid #e0e7ed;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.participant-row p{margin-bottom:0}.participant-row strong{overflow-wrap:anywhere}.participant-panel{margin-top:25px}.reminder-overview{max-width:850px}.reminder-overview .row{justify-content:space-between}@media (width<=700px){.archive-photos{grid-template-columns:1fr}.participant-row{flex-wrap:wrap}.archive-dialog .actions button{flex:1}}
