:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#14243a;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#087e84}.app{display:flex;min-height:100vh}.side{width:246px;background:#102c40;color:#e7f4f6;position:sticky;top:0;height:100vh;padding:28px 17px;flex-shrink:0}.brand{font-size:27px;font-weight:850;letter-spacing:-1px;margin:3px 10px 34px}.brand span{color:#6bdbcb}.nav{border:0;background:transparent;color:#bed0d7;width:100%;padding:12px 14px;border-radius:12px;text-align:left;margin:4px 0;font-weight:600}.nav.on,.nav:hover{background:#24516a;color:white}.nav .ico{margin-right:12px}.sidebar-foot{position:absolute;bottom:25px;left:20px;font-size:12px;color:#a7c2ce;right:20px}.main{flex:1;min-width:0;padding:29px clamp(18px,4vw,58px) 70px;max-width:1450px;margin:auto}.head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.title{font-size:31px;font-weight:820;letter-spacing:-.8px;margin:0}.muted{color:#708095}.kicker{font-size:12px;font-weight:800;color:#128d90;text-transform:uppercase;letter-spacing:1.3px}.btn{border:0;background:#087e84;color:white;padding:11px 17px;border-radius:11px;font-weight:700}.btn:hover{filter:brightness(.94)}.btn.alt{background:white;color:#184153;border:1px solid #d8e3e8}.btn.danger{background:#fff0f0;color:#ae3544}.btn.small{padding:7px 11px;font-size:12px}.buttons{display:flex;gap:9px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:19px}.trip-card{background:white;border:1px solid #e3ebed;box-shadow:0 4px 20px #1939500b;border-radius:20px;overflow:hidden;cursor:pointer}.trip-cover{height:173px;background-size:cover;background-position:center;position:relative}.trip-card .detail{padding:20px}.trip-card h3{margin:0 0 8px;font-size:22px}.chip{display:inline-block;border-radius:99px;background:#e3f4f0;color:#0e7774;padding:5px 10px;font-size:12px;font-weight:700}.box{background:white;border:1px solid #e2eaee;border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 3px 16px #12314b06}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:20px}.stat{background:white;border-radius:15px;padding:19px;border:1px solid #e2eaee}.stat strong{font-size:26px;display:block;margin:7px 0}.day-tabs{display:flex;overflow:auto;gap:9px;padding:3px 0 12px}.day-tab{border:1px solid #d8e5e9;background:white;border-radius:12px;min-width:84px;padding:12px 8px;color:#445767}.day-tab.active{background:#0c7680;color:white;border-color:#0c7680}.day-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px}.event{display:flex;gap:15px;padding:17px 0;border-top:1px solid #edf1f3}.event-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf7f8;flex-shrink:0}.event-details{flex:1;min-width:0}.event-details strong{display:block;margin:2px 0 7px}.event-details p{margin:3px 0;color:#72818b;font-size:13px;line-height:1.5}.field{width:100%;border:1px solid #d5e1e5;background:white;padding:11px;border-radius:10px;margin:5px 0 12px}textarea.field{min-height:90px;resize:vertical}.label{font-size:13px;font-weight:700}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bars{height:10px;background:#e7eff1;border-radius:10px;overflow:hidden;margin:8px 0}.bars>div{height:100%;background:#0a9093;border-radius:10px}.section-title{font-size:19px;margin:0 0 15px}.line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f3}.line:last-child{border-bottom:0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:12px;text-align:left;border-bottom:1px solid #e7eef0}th{color:#6a7b88;font-size:12px}.banner{border-radius:17px;padding:24px;background:linear-gradient(110deg,#0d5968,#208d92);color:white;margin-bottom:23px}.banner .muted{color:#dcf5f3}.hint{font-size:13px;color:#647787;line-height:1.55}.notice{border-radius:12px;background:#fff6df;color:#87601c;padding:12px 14px;font-size:13px}.success{border-radius:12px;background:#e4f5ee;color:#227252;padding:12px 14px;font-size:13px}.pic{width:100%;height:200px;object-fit:cover;border-radius:13px;background:#e5eced}.hidden{display:none!important}.modalback{position:fixed;inset:0;background:#102333ad;display:flex;justify-content:center;align-items:center;padding:14px;z-index:20}.modal{width:min(590px,100%);max-height:90vh;overflow:auto;background:white;border-radius:18px;padding:25px}.modal h2{margin:0 0 15px}.empty{text-align:center;padding:40px;color:#81909b}.top-small{font-size:13px}.mobile-nav{display:none}@media(max-width:790px){.side{display:none}.main{padding:19px 14px 90px}.day-body{grid-template-columns:1fr}.title{font-size:25px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:white;border-top:1px solid #dce6e9;justify-content:space-around;padding:8px 3px env(safe-area-inset-bottom)}.mobile-nav button{background:transparent;border:0;color:#617481;font-size:11px;padding:5px}.mobile-nav button.on{color:#05878b;font-weight:800}.head{align-items:flex-start}.banner{padding:19px}.grid2{grid-template-columns:1fr}}@media(min-width:791px) and (max-width:1100px){.side{width:196px}}

.trip-card:focus-visible,.trip-open-btn:focus-visible{outline:3px solid #0c8790;outline-offset:3px}.trip-card .trip-open-btn{cursor:pointer;position:relative;z-index:1}