*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f8f5ef;font-family:DM Sans,system-ui,sans-serif;color:#0b1628;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#ede8df}::-webkit-scrollbar-thumb{background:#c9b888;border-radius:3px}input,textarea,button,select{font-family:DM Sans,system-ui,sans-serif}input:focus,textarea:focus,select:focus{outline:none;border-color:#c9a84c!important;box-shadow:0 0 0 2px #c9a84c26}.survey-layout{display:flex;height:calc(100vh - 60px);overflow:hidden}.survey-left{width:300px;flex-shrink:0;background:#faf8f3;border-right:1px solid #EDE8DF;display:flex;flex-direction:column;overflow:hidden}.survey-right{flex:1;overflow-y:auto;padding:36px 40px;background:#f8f5ef}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.room-item{padding:12px;margin-bottom:6px;cursor:pointer;background:#fff;border:1px solid #ebe6da;border-radius:8px;transition:border-color .15s,box-shadow .15s,transform .12s}.room-item:hover{border-color:#d4cdb8;box-shadow:0 2px 8px #1c3a2d0f}.room-item.active{border-color:#0b1628;box-shadow:0 2px 10px #1c3a2d1a}.btn-primary{background:#0b1628;color:#c9a84c;border:none;padding:11px 26px;font-family:DM Sans,system-ui,sans-serif;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .2s,opacity .2s}.btn-primary:hover:not(:disabled){background:#254d3d}.btn-primary:disabled{background:#7aa89a;color:#f7f4ee80;cursor:not-allowed}.btn-secondary{background:transparent;color:#0b1628;border:1px solid #0B1628;padding:10px 22px;font-family:DM Sans,system-ui,sans-serif;font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .15s,color .15s}.btn-secondary:hover{background:#1c3a2d0f}.btn-danger{background:transparent;color:#a03020;border:1px solid #a03020;padding:8px 16px;font-family:DM Sans,system-ui,sans-serif;font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .15s}.btn-danger:hover{background:#a030200f}.label{display:block;font-family:DM Sans,system-ui,sans-serif;font-weight:500;font-size:10px;color:#3a5f96;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.input{width:100%;padding:10px 13px;border:1px solid #d5cfc5;background:#fff;font-family:DM Sans,system-ui,sans-serif;font-weight:400;font-size:14px;color:#0b1628;border-radius:3px;transition:border-color .15s,box-shadow .15s}.textarea{width:100%;padding:12px 13px;border:1px solid #d5cfc5;background:#fff;font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:13.5px;color:#2a4a38;line-height:1.7;resize:vertical;min-height:300px;border-radius:3px;transition:border-color .15s}.drop-zone{border:2px dashed #c5bfb5;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#f8f5ef;border-radius:4px}.drop-zone:hover,.drop-zone.dragging{border-color:#c9a84c;background:#fdf9ee}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14281c99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:#fff;padding:40px;max-width:420px;width:90%;box-shadow:0 16px 48px #0003;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid #c5bfb5;border-top-color:#0b1628;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}@media (max-width: 820px){.survey-layout{flex-direction:column;height:auto}.survey-left{width:100%;max-height:220px;border-right:none;border-bottom:1px solid #EDE8DF}.survey-right{padding:24px 20px}}@media (max-width: 520px){.photo-grid{grid-template-columns:repeat(2,1fr)}}