:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16202a;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:100%;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.mobile-header{position:sticky;top:0;z-index:800;height:72px;padding:0 28px;display:flex;align-items:center;gap:16px;background:#ffffffeb;border-bottom:1px solid rgba(28,61,46,.1);box-shadow:0 5px 22px #13302314;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-toggle{width:44px;height:44px;padding:10px;border:0;border-radius:13px;display:grid;align-content:center;gap:5px;background:#173b2d;box-shadow:0 6px 16px #173b2d33}.menu-toggle span{display:block;width:23px;height:2px;border-radius:3px;background:#fff}.mobile-brand{display:flex;align-items:center;gap:10px;color:#173b2d}.mobile-brand>div{min-width:0}.mobile-brand-mark{width:40px;height:40px;padding:3px;object-fit:contain;border-radius:11px;background:#74a84d}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{letter-spacing:.4px;font-size:18px}.mobile-brand small{margin-top:1px;color:#718078;font-size:11px}.sidebar{position:fixed;top:0;left:0;z-index:1000;width:250px;height:100vh;padding:24px 18px;background:#10241d;color:#fff;display:flex;flex-direction:column;transform:translate(-105%);transition:transform .25s ease,box-shadow .25s ease}.sidebar.open{transform:translate(0);box-shadow:18px 0 50px #03140d47}.sidebar-close{position:absolute;top:17px;right:14px;width:36px;height:36px;border:0;border-radius:11px;background:#ffffff1a;color:#fff;font-size:26px;line-height:1}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;border:0;padding:0;background:#05130d85;opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}body.menu-open{overflow:hidden}.brand{display:flex;gap:12px;align-items:center;margin-bottom:34px}.brand-mark{width:48px;height:48px;padding:4px;object-fit:contain;border-radius:14px;background:#74a84d}.brand strong{display:block;font-size:25px;letter-spacing:1px}.brand small{color:#a8b7b0}.sidebar nav{display:grid;gap:8px}.nav-button{border:0;border-radius:11px;padding:13px 14px;color:#d8e2dd;background:transparent;text-align:left;font-weight:650}.nav-button:hover,.nav-button.active{background:#74a84d;color:#fff}.sidebar-user{margin-top:auto;padding:15px;border-radius:13px;background:#ffffff14}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user span{color:#b8c8c0;font-size:13px;margin:5px 0 12px}.sidebar-user button{border:0;background:transparent;color:#fff;padding:0;text-decoration:underline}.main{min-width:0;padding:28px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-header h1{margin:0 0 6px;font-size:29px}.page-header p{margin:0;color:#66737d}.date-badge{padding:11px 14px;background:#fff;border-radius:12px;box-shadow:0 4px 14px #1f2d2612}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:13px;margin-bottom:18px}.summary-card{padding:17px;background:#fff;border-radius:14px;border-top:5px solid #3485db;box-shadow:0 5px 18px #1f2d2612}.summary-card span{color:#68757e;font-size:13px}.summary-card strong{display:block;margin-top:7px;font-size:29px}.summary-card.green{border-top-color:#69a84b}.summary-card.gray{border-top-color:#c7cdd2}.summary-card.red{border-top-color:#dc3e42}.summary-card.orange{border-top-color:#ffd400}.summary-card.owner{border-top-color:#3f88df}.legend{display:flex;flex-wrap:wrap;gap:20px;padding:14px 17px;margin-bottom:20px;background:#fff;border-radius:13px;box-shadow:0 4px 15px #1f2d260f}.legend div{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650}.legend-color{width:17px;height:17px;border-radius:6px;border:1px solid #cbd4cf}.legend-color.empty,.apartment-tile.empty{background:#f8faf9;color:#20332a}.legend-color.occupied,.apartment-tile.occupied{background:#5f963f;color:#fff}.legend-color.tomorrow,.apartment-tile.tomorrow{background:#c94c4f;color:#fff}.legend-color.overdue,.apartment-tile.overdue{background:#ffd400;color:#28230a}.legend-color.owner,.apartment-tile.owner{background:#3f88df;color:#fff}.section-panel{position:relative;margin-bottom:27px;padding:0 18px 20px;overflow:hidden;border:1px solid #e0e7e3;border-radius:20px;background:#f8faf9;box-shadow:0 10px 30px #1f2d2614}.section-heading{margin:0 -18px 20px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;background:linear-gradient(135deg,#10241d,#315f44)}.section-heading span,.section-heading small{color:#cbd8d1;font-size:10px;font-weight:750;letter-spacing:2px}.section-heading h2{margin:0;font-size:30px;line-height:1;letter-spacing:1px}.section-panel .blocks-grid{margin-top:0}.blocks-grid{display:grid;grid-template-columns:repeat(2,minmax(350px,1fr));gap:24px}.block-panel{padding:14px;border:1px solid #e0e7e3;border-radius:16px;background:#fff;box-shadow:0 4px 14px #1f2d260d}.block-panel h3{margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #e5ebe7;color:#254936;font-size:16px;letter-spacing:1.2px;text-align:center}.apartments-grid{display:grid;grid-template-columns:repeat(8,minmax(38px,1fr));gap:7px}.apartment-tile{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;min-height:47px;border:1px solid rgba(36,62,49,.16);border-radius:11px;font-size:16px;font-weight:850;color:#20332a;box-shadow:inset 0 -1px #0000000a;transition:transform .15s,box-shadow .15s,filter .15s}.apartment-tile:hover{transform:translateY(-2px);box-shadow:0 7px 15px #14302329;filter:brightness(1.03);z-index:2}.apartment-tile:focus-visible{outline:3px solid rgba(116,168,77,.35);outline-offset:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:20px;background:#081410ad;display:grid;place-items:center}.modal-card{position:relative;width:min(680px,100%);max-height:90vh;overflow-y:auto;padding:25px;background:#fff;border-radius:18px;box-shadow:0 24px 80px #0000004d}.modal-card.large{width:min(760px,100%)}.modal-card h2{margin-top:0;padding-right:42px}.modal-x{position:absolute;top:13px;right:15px;width:34px;height:34px;border:0;border-radius:50%;font-size:24px;background:#edf0f2}.status-pill{display:inline-block;margin-bottom:18px;padding:7px 12px;border-radius:999px;font-weight:750}.status-pill.empty{background:#e9edef}.status-pill.occupied{background:#dff3d3;color:#31691f}.status-pill.tomorrow{background:#fee0e1;color:#a91e23}.status-pill.overdue{background:#ffead1;color:#99570b}.status-pill.owner{background:#dcecff;color:#195ba8}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 20px}.detail-box{padding:12px;border-radius:11px;background:#f5f7f8}.detail-box span,.detail-box strong{display:block}.detail-box span{color:#6c7880;font-size:12px;margin-bottom:4px}.guest-cards{display:grid;gap:10px}.guest-card{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px;border:1px solid #e0e5e3;border-radius:12px}.guest-card strong,.guest-card span{display:block}.guest-card span{margin-top:3px;color:#67737c;font-size:13px}.guest-card a,.archive-guest a,.passport-button{padding:8px 11px;border-radius:8px;background:#265fa3;color:#fff;text-decoration:none;white-space:nowrap}.passport-button{border:0}.passport-button.compact{font-size:13px}.passport-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;padding:18px;display:grid;place-items:center;background:#050e0ae0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.passport-viewer{width:min(920px,100%);max-height:96vh;padding:14px;display:flex;flex-direction:column;border-radius:20px;background:#f7f9f8;box-shadow:0 30px 100px #00000080}.passport-viewer-header{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:2px 2px 12px}.passport-viewer-header strong,.passport-viewer-header small{display:block}.passport-viewer-header small{margin-top:2px;color:#718078}.passport-back{border:0;border-radius:10px;background:#e4ebe7;color:#203a2e;font-weight:750}.passport-back{padding:10px 12px}.passport-image-wrap{min-height:0;flex:1;overflow:auto;display:grid;place-items:center;border-radius:14px;background:#17211c}.passport-image-wrap img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.login-page{min-height:100vh;padding:20px;display:grid;place-items:center;background:radial-gradient(circle at top left,#8bb663 0,#254936 36%,#0e211a)}.login-card{width:min(420px,100%);padding:33px;background:#fff;border-radius:22px;box-shadow:0 30px 90px #00000059}.login-logo{display:flex;align-items:center;gap:12px;font-size:35px;font-weight:900;color:#315c43;letter-spacing:2px}.login-logo img{width:58px;height:58px;padding:3px;object-fit:contain;border-radius:14px;background:#74a84d}.login-card h1{margin-bottom:4px}.login-card p{color:#6b7871;margin-top:0;margin-bottom:24px}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#46524c}input,select{width:100%;padding:11px 12px;border:1px solid #cfd7d3;border-radius:9px;background:#fff;color:#17231d}.primary-button,.secondary-button,.danger-button{border:0;border-radius:9px;padding:10px 14px;font-weight:750}.primary-button{background:#315f44;color:#fff}.secondary-button{background:#e5ecf5;color:#245486}.danger-button{background:#cf353b;color:#fff}button:disabled{opacity:.55;cursor:not-allowed}.login-card .primary-button{width:100%;margin-top:18px;padding:12px}.demo-info{margin-top:17px;font-size:12px;color:#78837d;line-height:1.5}.error-box,.page-message{padding:12px 14px;border-radius:10px;margin:13px 0}.error-box,.page-message.error{background:#ffe2e2;color:#9a2024}.page-message.success{background:#e2f4d8;color:#326b21}.page-message.info{background:#fff;color:#56635c}.tab-row{display:flex;gap:8px;margin-bottom:17px}.tab{border:0;border-radius:9px;padding:10px 14px;background:#dfe5e2}.tab.active{background:#315f44;color:#fff}.form-card,.table-card{margin-bottom:22px;padding:20px;border-radius:15px;background:#fff;box-shadow:0 5px 18px #1f2d2612}.form-card.compact{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px}.guest-form-list{margin:18px 0}.guest-form{margin-bottom:13px;padding:15px;border-radius:12px;background:#f5f7f6}.guest-form h4{margin-top:0}.file-label{grid-column:span 2}.ocr-status{margin-top:2px;padding:10px 11px;display:grid;gap:7px;border-radius:9px;font-size:12px;font-weight:650}.ocr-status.reading{background:#e8f0f8;color:#28567f}.ocr-status.success{background:#e4f3dc;color:#326b21}.ocr-status.error{background:#ffe3e3;color:#96252a}.ocr-status i{display:block;height:5px;overflow:hidden;border-radius:999px;background:#28567f29}.ocr-status b{display:block;height:100%;min-width:3%;border-radius:inherit;background:#3f88df;transition:width .2s ease}.table-card{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #e3e8e5;text-align:left;vertical-align:middle}th{background:#eaf0ed;color:#44534b;font-size:13px}td{font-size:14px}.toolbar{margin-bottom:15px}.toolbar input{max-width:430px}.archive-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:18px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1f2d2612}.archive-search{grid-column:span 3}.clear-filter{align-self:end}.archive-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.archive-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.report-card{padding:18px;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1f2d2612}.report-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.report-title h2{margin:0;font-size:18px}.report-title span{color:#718078;font-size:12px;text-align:right}.ranking-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e7ece9}.ranking-number{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e7f1e1;color:#315f44;font-weight:850}.ranking-row strong,.ranking-row small{display:block}.ranking-row small{margin-top:2px;color:#748078}.ranking-row b{color:#315f44}.nationality-row{padding:8px 0;border-top:1px solid #e7ece9}.nationality-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.nationality-row>span{display:block;height:7px;overflow:hidden;border-radius:999px;background:#edf1ef}.nationality-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315f44,#79ad50)}.apartment-report{margin-bottom:21px}.apartment-report .table-card{margin-bottom:0;box-shadow:none;border:1px solid #e4e9e6}.archive-list-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 2px 13px}.archive-list-title h2{margin:0;font-size:21px}.archive-list-title span{color:#718078;font-size:13px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.archive-card{padding:18px;background:#fff;border-radius:15px;box-shadow:0 5px 18px #1f2d2612}.archive-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.archive-head strong{color:#315f44}.archive-guest{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #e4e8e6}.archive-guest strong,.archive-guest small{display:block}.archive-guest small{margin-top:3px;color:#748078}.archive-card small{display:block;margin-top:12px;color:#727e78}.muted{color:#6c7771}@media(max-width:1250px){.summary-grid{grid-template-columns:repeat(3,1fr)}.blocks-grid{grid-template-columns:1fr}.archive-filters{grid-template-columns:repeat(2,1fr)}.archive-search{grid-column:span 1}}@media(max-width:850px){.mobile-header{height:64px;padding:0 15px}.menu-toggle{width:41px;height:41px;border-radius:12px}.sidebar{width:min(86vw,310px);padding:22px 18px}.sidebar nav{grid-template-columns:1fr}.main{padding:18px 14px 30px}.page-header{align-items:flex-start;flex-direction:column}.summary-grid,.form-grid,.archive-grid,.archive-summary-grid{grid-template-columns:1fr 1fr}.archive-report-grid{grid-template-columns:1fr}}@media(max-width:560px){:root{background:#f1f5f2}.mobile-brand small{display:none}.mobile-brand strong{font-size:13px;line-height:1.2}.main{padding:16px 12px 28px}.page-header{gap:12px;margin-bottom:18px}.page-header h1{font-size:25px;line-height:1.15}.page-header p{font-size:14px;line-height:1.5}.date-badge{padding:9px 12px;font-size:13px;border-radius:10px}.form-grid,.archive-grid,.details-grid,.archive-filters,.archive-summary-grid{grid-template-columns:1fr}.archive-search{grid-column:auto}.archive-list-title,.report-title{align-items:flex-start;flex-direction:column}.report-title span{text-align:left}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-card{min-height:88px;padding:11px 12px;border-radius:12px;border-top-width:4px}.summary-card span{font-size:12px;line-height:1.25}.summary-card strong{margin-top:5px;font-size:23px}.section-panel,.form-card,.archive-card{border-radius:14px}.legend{gap:11px 16px;padding:13px}.legend div{font-size:12px}.table-card{margin-left:-2px;margin-right:-2px;border-radius:13px}th,td{padding:11px 12px;white-space:nowrap}.tab-row{overflow-x:auto;padding-bottom:3px}.tab{white-space:nowrap}input,select{min-height:44px;font-size:16px}.primary-button,.secondary-button,.danger-button{min-height:42px}.section-panel{margin-left:-2px;margin-right:-2px;padding:0 11px 13px;border-radius:17px}.section-heading{margin:0 -11px 13px;padding:13px}.section-heading h2{font-size:26px}.section-heading span,.section-heading small{font-size:8px;letter-spacing:1.4px}.block-panel{padding:11px;border-radius:14px}.block-panel h3{margin-bottom:10px;padding-bottom:8px}.apartments-grid{grid-template-columns:repeat(5,1fr);gap:7px}.apartment-tile{min-height:45px;border-radius:10px;font-size:15px}.file-label{grid-column:auto}.guest-card{align-items:flex-start;flex-direction:column}.passport-backdrop{padding:0;align-items:stretch}.passport-viewer{width:100%;max-height:100vh;min-height:100vh;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));border-radius:0}.passport-viewer-header{gap:8px}.passport-viewer-header strong{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passport-image-wrap img{max-height:calc(100vh - 82px)}.modal-backdrop{padding:10px;align-items:end}.modal-card,.modal-card.large{width:100%;max-height:92vh;padding:21px 17px;border-radius:22px 22px 10px 10px}}