:root{color:#1d2524;background:#eef1ed;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px 18px;color:#f4f6f0;background:#18322f}.brand,.login-title,.person,.sidebar-footer,.toolbar,.tabs,.metric,.setting-control{display:flex;align-items:center}.brand{gap:12px}.brand span,.login-title p,.page-header p,.person small,.setting-row small,.muted{color:#6d7771}.sidebar .brand span{display:block;margin-top:2px;color:#bdd2c8;font-size:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#18322f;background:#d5f66f;font-weight:800}nav{display:grid;gap:8px}nav button,.sidebar-footer button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:11px 12px;color:#dfe9e3;background:transparent}nav button.active,nav button:hover{color:#18322f;background:#d5f66f}.sidebar-footer{margin-top:auto;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.sidebar-footer button{width:40px;justify-content:center;padding:10px}main{min-width:0;padding:28px}.page-header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.2}h2{font-size:24px}.login-screen{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,rgba(213,246,111,.45),transparent 38%),#18322f}.login-panel,.table-card,.detail-pane,.settings-panel{border:1px solid #d9ded6;border-radius:8px;background:#fbfcf8;box-shadow:0 20px 60px #18322f14}.login-panel{display:grid;gap:18px;width:min(440px,calc(100vw - 32px));padding:30px}.login-title{align-items:flex-start;gap:14px;margin-bottom:8px}label{display:grid;gap:8px;color:#40504c;font-size:14px}input{width:100%;border:1px solid #cfd7ce;border-radius:8px;padding:11px 12px;color:#1d2524;background:#fff;outline:none}input:focus{border-color:#557c4e;box-shadow:0 0 0 3px #557c4e24}input:disabled{color:#9aa39e;background:#eef1ed}.primary,.icon-button{border:0;border-radius:8px;color:#16302d;background:#d5f66f;font-weight:700}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px}.icon-button{display:grid;place-items:center;width:40px;height:40px}.error{border-radius:8px;padding:10px 12px;color:#9f2d2d;background:#ffe8e6}.toolbar{gap:10px;margin-bottom:14px;border:1px solid #d9ded6;border-radius:8px;padding:0 12px;background:#fff}.toolbar input{border:0;box-shadow:none}.table-card{overflow:auto}.table-card.inset{box-shadow:none}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid #e5e9e2;text-align:left;vertical-align:middle}th{color:#60706b;background:#f4f6f1;font-size:12px;font-weight:700}.person{gap:10px;min-width:0}.person img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#d8dfd5}.person span{display:grid;min-width:0}.person strong,.person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.badge.green{color:#1d6d37;background:#dff6df}.badge.red{color:#9f2d2d;background:#ffe1de}.badge.blue{color:#215f82;background:#dff1ff}.badge.gray{color:#66706c;background:#e8ece8}.split-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:16px;min-height:calc(100vh - 120px)}.list-pane{min-width:0}.trip-list{display:grid;gap:10px;max-height:calc(100vh - 190px);overflow:auto}.trip-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;width:100%;border:1px solid #d9ded6;border-radius:8px;padding:10px;text-align:left;background:#fbfcf8}.trip-row.selected{border-color:#557c4e;box-shadow:inset 0 0 0 1px #557c4e}.trip-row img,.detail-hero img{object-fit:cover;background:#d8dfd5}.trip-row img{width:72px;height:54px;border-radius:6px}.trip-row span{display:grid;gap:4px;min-width:0}.trip-row strong,.trip-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-row small{color:#6d7771}.detail-pane{min-width:0;padding:16px;overflow:auto}.empty{display:grid;place-items:center;min-height:120px;color:#6d7771}.detail-hero{display:grid;grid-template-columns:220px 1fr;gap:18px}.detail-hero>img{width:100%;height:160px;border-radius:8px}.detail-hero p{margin:8px 0 16px;color:#6d7771}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.metric{gap:8px;border:1px solid #e3e8df;border-radius:8px;padding:12px;background:#f7f9f3}.metric span{color:#6d7771;font-size:12px}.metric strong{margin-left:auto}.members-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0}.tabs{gap:8px;margin-bottom:12px;border-bottom:1px solid #d9ded6}.tabs button{display:inline-flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;padding:12px 10px;color:#60706b;background:transparent}.tabs button.active{color:#18322f;border-color:#d5f66f}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}figure{margin:0;border:1px solid #e0e5dc;border-radius:8px;overflow:hidden;background:#fff}figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover}figcaption{padding:8px 10px;color:#60706b;font-size:12px}.settings-panel{display:grid;gap:18px;max-width:860px;padding:18px}.setting-row{grid-template-columns:1fr minmax(220px,320px);align-items:center;gap:24px;border-bottom:1px solid #e5e9e2;padding-bottom:18px}.setting-row span{display:grid;gap:5px}.setting-control{gap:10px}.qr-setting-control{display:grid;gap:12px}.upload-button{width:fit-content;border:1px solid #cfd7ce;border-radius:8px;padding:11px 14px;color:#1d2524;background:#fff;font-weight:700;cursor:pointer}.upload-button input{display:none}.qr-setting-preview{width:132px;height:132px;border:1px solid #dfe6dc;border-radius:12px;padding:8px;object-fit:contain;background:#fff}.toggle{display:inline-flex;grid-template-columns:auto auto;align-items:center;gap:7px;white-space:nowrap}.toggle input{width:auto}.save-button{width:fit-content}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr;gap:14px}nav{grid-template-columns:repeat(3,1fr)}.sidebar-footer{display:none}main{padding:18px}.split-layout,.detail-hero,.setting-row{grid-template-columns:1fr}.trip-list{max-height:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}