/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#15291f;--muted:#66766d;--green:#177146;--line:#dfe7e2;--cream:#f5f7f3}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 34px;display:grid;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;width:fit-content;text-decoration:none;display:inline-flex}.logo-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #fff2}.logo-mark span{font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:800}.brand div:last-child{flex-direction:column;line-height:1;display:flex}.brand strong{letter-spacing:.08em;font-size:20px}.brand small{letter-spacing:.17em;color:var(--green);margin-top:5px;font-size:7px;font-weight:700}.main-nav{gap:28px;height:100%;display:flex}.main-nav button{color:#718078;cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:13px;font-weight:600;position:relative}.main-nav button.active{color:var(--green)}.main-nav button.active:after{content:"";background:var(--green);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-icon{margin-right:6px;font-size:16px}.header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.icon-btn,.chevron{cursor:pointer;background:0 0;border:0}.icon-btn{width:36px;height:36px;margin-right:5px;font-size:23px;position:relative}.icon-btn i{background:#e44b3c;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:5px}.avatar{width:34px;height:34px;color:var(--green);background:#e0eee5;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.user-copy{flex-direction:column;font-size:11px;line-height:1.35;display:flex}.user-copy span{color:#829087;font-size:9px}.chevron{color:#8b978f}.farm-tabs{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:stretch;gap:2px;height:55px;padding:0 20px;display:flex;overflow-x:auto}.farm-tabs button{color:#78867e;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 23px;font-size:12px;font-weight:600;position:relative}.farm-tabs button.active{color:var(--green)}.farm-tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:21px;right:21px}.farm-dot{background:#b5c0b9;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.farm-tabs button.active .farm-dot{background:var(--green);box-shadow:0 0 0 3px #dceee3}.farm-tabs button small{color:#829087;background:#eef3ef;border-radius:8px;margin-left:7px;padding:3px 5px;font-size:7px;font-weight:700;display:inline-block}.farm-tabs button.active small{color:#24764d;background:#e0efe6}.content-wrap{width:min(1280px,100% - 48px);margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-end;padding:31px 0 25px;display:flex}.eyebrow{letter-spacing:.09em;color:#7c8a81;margin-bottom:8px;font-size:9px;font-weight:700}.live-dot{background:#30a86b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #d9eee3}.page-heading h1{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:30px}.page-heading p{color:#79877f;margin:6px 0 0;font-size:12px}.heading-actions{gap:10px;display:flex}.ghost-btn,.primary-btn{cursor:pointer;border-radius:8px;height:38px;padding:0 16px;font-size:11px;font-weight:700}.ghost-btn{background:#fff;border:1px solid #dce5df}.primary-btn{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 5px 14px #17714628}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-card{background:#fff;border:1px solid #e0e7e2;border-radius:10px;gap:14px;min-height:119px;padding:19px;display:flex;box-shadow:0 2px 8px #1f422908}.metric-icon{border-radius:9px;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:18px;font-weight:800;display:grid}.metric-icon.green{color:#187146;background:#e1f0e7}.metric-icon.blue{color:#347793;background:#e6f0f4}.metric-icon.amber{color:#b0721d;background:#f8edda}.metric-icon.violet{color:#72569b;background:#eee8f6}.metric-card>div:last-child{flex-direction:column;min-width:0;display:flex}.metric-card span{letter-spacing:.08em;color:#7a8880;font-size:9px;font-weight:700}.metric-card strong{margin:6px 0 7px;font-family:Georgia,serif;font-size:25px;line-height:1}.metric-card strong small{color:#78867e;margin-left:3px;font-family:Arial,sans-serif;font-size:10px;font-weight:500}.metric-card em{color:#78867e;white-space:nowrap;font-size:9px;font-style:normal}.metric-card em.positive{color:#248251;font-weight:700}.metric-card em i{color:#8c9891;margin-left:2px;font-style:normal;font-weight:400}.metric-card em b{color:#2ca363;font-size:7px}.main-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.72fr);gap:14px;margin-top:15px;display:grid}.barn-panel,.activity-panel{background:#fff;border:1px solid #e0e7e2;border-radius:11px;overflow:hidden}.panel-head{border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:center;min-height:71px;padding:16px 20px;display:flex}.panel-head h2{margin:0 0 4px;font-family:Georgia,serif;font-size:16px}.panel-head p{color:#8a968f;margin:0;font-size:10px}.panel-head>button{color:#8d9891;cursor:pointer;background:0 0;border:0}.legend{color:#7f8c84;gap:17px;font-size:9px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend .ok{background:#40a46e}.legend .watch{background:#d59637}.barn-map{background-color:#f7f8f5;background-image:linear-gradient(#e3e8e3 1px,#0000 1px),linear-gradient(90deg,#e3e8e3 1px,#0000 1px);background-size:19px 19px;grid-template-columns:repeat(4,1fr);gap:11px;padding:17px 22px;display:grid}.barn{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6e1;border-radius:8px;min-height:130px;padding:11px 12px;transition:all .18s;box-shadow:0 2px 6px #203b2910}.barn:hover{transform:translateY(-2px);box-shadow:0 7px 16px #203b2918}.barn.selected{border:1.5px solid #278559;box-shadow:0 0 0 2px #dceee4}.barn.warning{background:#fffdfa;border-color:#dfb871}.barn-top{justify-content:space-between;align-items:center;display:flex}.barn-id{color:#207149;background:#e4f0e8;border-radius:5px;place-items:center;width:27px;height:22px;font-size:10px;font-weight:800;display:grid}.barn.warning .barn-id{color:#a46b18;background:#f7ead3}.cam{color:#a7b0aa;letter-spacing:.04em;font-size:7px}.barn.selected .cam{color:#d45346}.barn>strong{margin:9px 0 8px;font-size:10px;display:block}.barn-data{gap:18px;margin-bottom:8px;display:flex}.barn-data span{font-family:Georgia,serif;font-size:14px;font-weight:700}.barn-data small{color:#8b968f;margin-top:2px;font-family:Arial,sans-serif;font-size:7px;font-weight:400;display:block}.density>div:first-child{color:#87928b;justify-content:space-between;font-size:7px;display:flex}.density b{color:#48705b;font-size:8px}.density-bar{background:#e5eae6;border-radius:3px;height:3px;margin-top:4px;overflow:hidden}.density-bar i{background:#4a9870;border-radius:3px;height:100%;display:block}.warning .density-bar i{background:#d39638}.map-footer{letter-spacing:.1em;color:#87938b;border-top:1px solid #e5ebe7;justify-content:center;align-items:center;gap:15px;height:36px;font-size:7px;font-weight:700;display:flex}.map-footer i{background:#d9e0db;width:44%;height:1px}.map-footer button{color:inherit;font-size:inherit;letter-spacing:inherit;font-weight:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0}.activity-list{padding:3px 20px 0}.activity{border-bottom:1px solid #edf0ee;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;display:grid}.activity-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.activity-icon.warning{color:#ad731e;background:#faecd6}.activity-icon.success{color:#23774b;background:#e0f0e6}.activity-icon.camera{color:#4c7194;background:#e7eef5}.activity-icon.info{color:#735b97;background:#ece8f5}.activity b{font-size:10px}.activity p{color:#78867e;margin:4px 0;font-size:9px;line-height:1.5}.activity p strong{color:#52635a;font-family:Arial,sans-serif;font-size:inherit}.activity small{color:#a0aaa4;font-size:8px}.view-all{color:#42614f;cursor:pointer;background:#fafbf9;border:1px solid #dfe6e1;border-radius:7px;width:calc(100% - 40px);height:34px;margin:12px 20px 16px;font-size:9px;font-weight:700}.view-all span{margin-left:5px}.footer{color:#8a968e;grid-template-columns:1fr auto 1fr;align-items:center;height:55px;font-size:8px;display:grid}.footer span:last-child{text-align:right}.footer i{background:#2ea363;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.admin-entry{color:#4c6255;cursor:pointer;background:#f8faf8;border:1px solid #dbe4de;border-radius:7px;height:32px;padding:0 10px;font-size:9px;font-weight:700}.farm-map-dashboard{grid-template-columns:245px minmax(0,1fr);gap:14px;min-height:650px;display:grid}.overview-rail,.interactive-map-card{background:#fff;border:1px solid #dce5df;border-radius:11px;overflow:hidden;box-shadow:0 4px 18px #173d2908}.overview-rail{flex-direction:column;padding:20px;display:flex}.rail-heading>span,.interactive-map-card header>div>span{letter-spacing:.13em;color:#2c7a52;font-size:7px;font-weight:800}.rail-heading h2{margin:7px 0 5px;font:22px Georgia,serif}.rail-heading p{color:#809087;margin:7px 0 17px;font-size:8px}.rail-heading p i{background:#35a66c;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #e0f1e7}.flock-state{color:#22734a;letter-spacing:.05em;text-transform:uppercase;background:#e5f2ea;border-radius:12px;align-items:center;min-height:22px;padding:0 8px;font-size:7px;font-weight:900;display:inline-flex}.flock-state.waiting{color:#9a681e;background:#f7edda}.rail-camera{color:#fff;background:#143e2c;border-radius:9px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.rail-camera span,.rail-camera strong{display:block}.rail-camera span{color:#9bc2aa;letter-spacing:.07em;font-size:7px}.rail-camera strong{margin-top:4px;font:24px Georgia,serif}.rail-camera strong small{color:#8fb59e;font:10px Arial,sans-serif}.rail-camera em{border:3px solid #4bb67d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:8px;font-style:normal;font-weight:800;display:grid}.rail-metrics{border:1px solid #e2e8e4;border-radius:9px;margin-top:10px;overflow:hidden}.rail-metrics article{border-bottom:1px solid #e8ece9;padding:12px 13px}.rail-metrics article:last-child{border:0}.rail-metrics span,.rail-metrics strong,.rail-metrics small{display:block}.rail-metrics span{color:#7c8a81;text-transform:uppercase;letter-spacing:.06em;font-size:7px}.rail-metrics strong{margin:4px 0 3px;font:17px Georgia,serif}.rail-metrics small{color:#8a968e;font-size:7px}.rail-metrics small b{color:#298157}.rail-action{color:#fff;cursor:pointer;background:#1d744b;border:0;border-radius:7px;height:37px;margin-top:10px;font-size:8px;font-weight:700}.rail-action span{margin-left:8px}.rail-note{align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.rail-note>span{color:#26774f;background:#e7f1eb;border-radius:7px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:900;display:grid}.rail-note p{color:#7d8a82;margin:0;font-size:7px;line-height:1.45}.interactive-map-card{flex-direction:column;display:flex}.interactive-map-card>header{border-bottom:1px solid #dfe6e2;justify-content:space-between;align-items:center;min-height:73px;padding:14px 18px;display:flex}.interactive-map-card header h2{margin:4px 0 3px;font:18px Georgia,serif}.interactive-map-card header p{color:#839088;margin:0;font-size:8px}.demo-data-badge{color:#94601b;letter-spacing:.06em;vertical-align:middle;background:#f8e9d0;border-radius:8px;margin-left:7px;padding:3px 5px;font-size:5px;display:inline-block}.map-legend{color:#7d8b82;gap:12px;font-size:7px;display:flex}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.map-legend .stable{background:#3ca36b}.map-legend .attention{background:#d79638}.map-legend .camera-dot{background:#e94d43;box-shadow:0 0 0 2px #f7d9d6}.site-plan{isolation:isolate;background:#dce4d4;flex:1;min-height:575px;position:relative;overflow:hidden}.site-plan:before{content:"";z-index:-3;background:radial-gradient(circle at 12% 18%,#79946b 0 2px,#0000 3px) 0 0/17px 17px,radial-gradient(circle at 88% 45%,#6f8b62 0 3px,#0000 4px) 0 0/23px 23px,linear-gradient(115deg,#cad5bd 0 20%,#d9dbc5 20% 82%,#b8caaa 82%) 0 0/100% 100%;position:absolute;inset:0}.site-plan:after{content:"";z-index:-2;background-color:#0000;background-image:linear-gradient(#ffffff20 1px,#0000 1px),linear-gradient(90deg,#ffffff16 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.plan-yard{z-index:-1;color:#647267;letter-spacing:.09em;background:#ffffff42;border:1px dashed #74817480;border-radius:4px;padding:4px 7px;font-size:6px;font-weight:800;position:absolute;top:47%;left:40%}.plan-hatchery:before{background:radial-gradient(circle at 88% 18%,#5d7a54 0 3px,#0000 4px) 0 0/21px 21px,linear-gradient(12deg,#c2bba9 0 23%,#d1c9b5 23% 83%,#aab59b 83%) 0 0/100% 100%}.plan-hatchery .plan-barn{background:repeating-linear-gradient(90deg,#9fa8a5 0 18px,#b7bfbb 19px 34px,#8e9996 35px 36px);border-color:#d9e0dc}.plan-hatchery .plan-barn-label{color:#233930}.plan-hatchery .road-top{height:8%;top:0}.plan-hatchery .road-left{left:90%;transform:rotate(7deg)}.plan-hatchery .trees-mid{top:84%;left:6%;right:67%}.plan-hatchery .office-block{width:13%;bottom:12%;left:8%}.plan-hatchery .service-block{bottom:7%;right:7%}.plan-hatchery .plan-yard{top:43%;left:63%}.plan-trong-khoi:before{background:radial-gradient(circle,#476a45 0 4px,#567c51 5px 7px,#0000 8px) 0 0/19px 19px,linear-gradient(120deg,#617b56,#d3c9ae 38%,#6b865d) 0 0/100% 100%}.plan-trong-khoi .plan-barn{background:repeating-linear-gradient(90deg,#c5c6bb 0 19px,#deddd1 20px 34px,#acaea5 35px 36px)}.plan-trong-khoi .road-top{width:40%;top:0;left:70%;transform:rotate(40deg)}.plan-trong-khoi .road-left{width:45%;height:8%;top:70%;left:69%;transform:rotate(-18deg)}.plan-trong-khoi .trees-mid{display:none}.plan-trong-khoi .office-block{bottom:5%;left:70%;transform:rotate(27deg)}.plan-trong-khoi .service-block{bottom:20%;right:7%;transform:rotate(27deg)}.plan-trong-khoi .plan-yard{top:54%;left:58%;transform:rotate(27deg)}.plan-vung-tau:before{background:radial-gradient(circle,#587447 0 3px,#0000 4px) 0 0/18px 18px,linear-gradient(90deg,#869273 0 18%,#b5ad8c 18% 86%,#6d855b 86%) 0 0/100% 100%}.plan-vung-tau .plan-barn{background:repeating-linear-gradient(90deg,#b9ae8e 0 21px,#cfc3a1 22px 36px,#a59a7e 37px 38px)}.plan-vung-tau .road-top{top:90%;transform:none}.plan-vung-tau .road-left{width:6%;left:15%;transform:none}.plan-vung-tau .trees-mid{top:88%;left:20%;right:15%}.plan-vung-tau .office-block{width:10%;height:18%;bottom:28%;left:5%;transform:none}.plan-vung-tau .service-block{bottom:5%;right:3%;transform:none}.plan-vung-tau .plan-yard{top:45%;left:6%}.plan-an-ty:before{background:radial-gradient(circle,#4e714a 0 4px,#0000 5px) 0 0/20px 20px,linear-gradient(#526e4f 0 10%,#b8b19b 10% 88%,#8f8b79 88%) 0 0/100% 100%}.plan-an-ty .plan-barn,.plan-binh-thuan .plan-barn{background:repeating-linear-gradient(0deg,#d4d4c9 0 20px,#eeede4 21px 34px,#bbbdb6 35px 36px)}.plan-an-ty .plan-barn-label,.plan-binh-thuan .plan-barn-label{text-align:center;width:90px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.plan-an-ty .plan-status,.plan-binh-thuan .plan-status{top:auto;bottom:6px;right:50%;transform:translate(50%)}.plan-an-ty .road-top{top:4%;transform:none}.plan-an-ty .road-left{width:100%;height:8%;top:89%;left:0;transform:none}.plan-an-ty .trees-mid{top:8%;left:0;right:0}.plan-an-ty .office-block{bottom:4%;left:43%;transform:none}.plan-an-ty .service-block{bottom:5%;right:4%;transform:none}.plan-an-ty .plan-yard{top:45%;left:37%}.plan-trong-khoi .map-hover-card{transform:translate(-50%)rotate(-27deg)translateY(5px)}:is(.plan-trong-khoi .plan-barn:hover .map-hover-card,.plan-trong-khoi .plan-barn:focus-visible .map-hover-card){transform:translate(-50%)rotate(-27deg)translateY(0)}.plan-vung-tau .map-hover-card,.plan-an-ty .map-hover-card,.plan-binh-thuan .map-hover-card{transform:translate(-50%)translateY(5px)}:is(.plan-vung-tau .plan-barn:hover .map-hover-card,.plan-vung-tau .plan-barn:focus-visible .map-hover-card,.plan-an-ty .plan-barn:hover .map-hover-card,.plan-an-ty .plan-barn:focus-visible .map-hover-card,.plan-binh-thuan .plan-barn:hover .map-hover-card,.plan-binh-thuan .plan-barn:focus-visible .map-hover-card){transform:translate(-50%)translateY(0)}.plan-binh-thuan:before{background:radial-gradient(circle,#4b6b42 0 4px,#0000 5px) 0 0/18px 18px,linear-gradient(105deg,#53714e 0 21%,#c5bba1 21% 92%,#637a56 92%) 0 0/100% 100%}.plan-binh-thuan .road-top{top:91%;transform:none}.plan-binh-thuan .road-left{width:5%;left:18%;transform:none}.plan-binh-thuan .trees-mid{top:23%;left:22%;right:4%}.plan-binh-thuan .office-block{width:14%;height:14%;bottom:52%;left:3%;transform:none}.plan-binh-thuan .service-block{width:12%;height:14%;bottom:30%;left:5%;right:auto;transform:none}.plan-binh-thuan .plan-yard{top:71%;left:4%}.plan-road{z-index:-1;background:#9b9d8d;border:2px solid #c9c8b9;display:block;position:absolute;box-shadow:0 0 0 1px #83877a}.road-top{width:110%;height:7%;top:4%;left:-5%;transform:rotate(7deg)}.road-left{transform-origin:0 0;width:7%;height:105%;top:0;left:0;transform:rotate(7deg)}.tree-line{opacity:.85;background:radial-gradient(circle,#547549 0 40%,#0000 44%) 0 0/18px 18px;display:block;position:absolute}.trees-mid{height:18px;top:49%;left:6%;right:10%;transform:rotate(7deg)}.service-block,.office-block{color:#4e5549;text-align:center;z-index:1;background:#c9b990;border:2px solid #f0e6c7;place-items:center;padding:5px;font-size:6px;font-weight:900;display:grid;position:absolute;box-shadow:0 2px 7px #1c342b35}.service-block{width:10%;height:15%;bottom:7%;right:5%;transform:rotate(7deg)}.office-block{width:13%;height:9%;bottom:5%;left:4%;transform:rotate(7deg)}.plan-barn{z-index:2;cursor:pointer;background:repeating-linear-gradient(90deg,#c8b98f 0 16px,#d6c79f 17px 29px,#b7a980 30px 31px);border:2px solid #f5f1df;border-radius:3px;transition:filter .16s,box-shadow .16s;position:absolute;box-shadow:0 5px 11px #1d39273d}:is(.plan-barn:hover,.plan-barn:focus-visible,.plan-barn.selected){z-index:8;filter:brightness(1.08);outline:2px solid #268257;box-shadow:0 0 0 3px #e7f5ed,0 8px 18px #17442d66}.plan-barn.warning{outline-color:#d58d2b}.plan-barn-label{color:#34463a;text-shadow:0 1px #fff8;font-size:8px;font-weight:900;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.plan-barn-roof{opacity:.55;background:#9b8e6c;width:2px;height:84%;position:absolute;top:8%;left:49%}.plan-status{color:#fff;background:#2b875a;border-radius:9px;padding:3px 5px;font-size:6px;font-weight:800;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.warning .plan-status{background:#c7862d}.map-hover-card{color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#122e22f2;border-radius:8px;width:200px;padding:11px;transition:all .16s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%)rotate(-7deg)translateY(5px);box-shadow:0 12px 30px #071a1266}.map-hover-card:after{content:"";background:#122e22;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}:is(.plan-barn:hover .map-hover-card,.plan-barn:focus-visible .map-hover-card){opacity:1;visibility:visible;transform:translate(-50%)rotate(-7deg)translateY(0)}.map-hover-card b,.map-hover-card em,.map-hover-card strong{display:block}.map-hover-card b{margin-bottom:7px;font-size:9px}.map-hover-card em{color:#bdd2c4;font-size:7px;font-style:normal;line-height:1.55}.map-hover-card strong{color:#77d39e;margin-top:7px;font-size:6px}.plan-camera-wrap{z-index:12;width:0;height:0;position:absolute}.plan-camera{z-index:2;color:#fff;cursor:pointer;background:#e64840;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:transform .15s;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 8px #43231f77,0 0 0 3px #e6484033}.plan-camera:hover,.plan-camera-wrap.active .plan-camera{outline:none;transform:translate(-50%,-50%)scale(1.18)}.plan-camera:focus-visible{outline:none;transform:translate(-50%,-50%)scale(1.18)}.camera-lens{background:#79221f;border:1px solid #fff;border-radius:50%;width:6px;height:6px}.camera-direction{filter:drop-shadow(0 1px #fff);border-style:solid;width:0;height:0;position:absolute}.direction-left .camera-direction{border-width:3px 6px 3px 0;border-color:#0000 #e64840 #0000 #0000;top:5px;right:16px}.direction-right .camera-direction{border-width:3px 0 3px 6px;border-color:#0000 #0000 #0000 #e64840;top:5px;left:16px}.direction-up .camera-direction{border-width:0 3px 6px;border-color:#0000 #0000 #e64840;bottom:16px;left:5px}.direction-down .camera-direction{border-width:6px 3px 0;border-color:#e64840 #0000 #0000;top:16px;left:5px}.camera-preview-card{z-index:15;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#10271df5;border:1px solid #fff6;border-radius:10px;width:265px;transition:all .17s;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)translateY(7px);box-shadow:0 16px 42px #07170f88}.plan-camera-wrap:hover .camera-preview-card,.plan-camera-wrap:focus-within .camera-preview-card,.plan-camera-wrap.active .camera-preview-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.preview-image{background:#1e3027;height:142px;position:relative;overflow:hidden}.preview-image img{object-fit:cover;width:100%;height:100%;display:block}.preview-image>span{letter-spacing:.06em;background:#c53f37e8;border-radius:4px;padding:4px 6px;font-size:6px;font-weight:900;position:absolute;top:8px;left:8px}.preview-image>span i{background:#fff;border-radius:50%;width:5px;height:5px;margin-right:4px;animation:1.4s infinite cameraPulse;display:inline-block}.preview-copy{padding:10px 11px 7px}.preview-copy b,.preview-copy small{display:block}.preview-copy b{font-size:9px}.preview-copy small{color:#a9c1b4;margin-top:4px;font-size:7px}.preview-open{color:#fff;cursor:pointer;background:#2b8158;border:1px solid #ffffff2e;border-radius:6px;width:calc(100% - 22px);height:29px;margin:0 11px 10px;font-size:7px;font-weight:800}.preview-left .camera-preview-card{left:auto;right:-10px;transform:translateY(7px)}.preview-left:hover .camera-preview-card,.preview-left:focus-within .camera-preview-card,.preview-left.active .camera-preview-card{transform:translateY(0)}.preview-right .camera-preview-card{left:-10px;transform:translateY(7px)}.preview-right:hover .camera-preview-card,.preview-right:focus-within .camera-preview-card,.preview-right.active .camera-preview-card{transform:translateY(0)}.preview-below .camera-preview-card{top:16px;bottom:auto}.restricted-camera-stack{z-index:11;position:absolute;top:14px;right:56px}.restricted-camera-stack>button{color:#59665e;cursor:pointer;background:#ffffffeb;border:1px solid #d7ddd9;border-radius:16px;padding:6px 9px;font-size:7px;font-weight:800;box-shadow:0 4px 12px #1830251c}.restricted-camera-stack>span{color:#fff;text-align:center;opacity:0;visibility:hidden;background:#182920f2;border-radius:7px;width:135px;padding:9px;font-size:8px;line-height:1.4;transition:all .15s;position:absolute;top:calc(100% + 7px);right:0;transform:translateY(-4px)}.restricted-camera-stack>span small{color:#9fb4a8;font-size:6px}.restricted-camera-stack:hover>span,.restricted-camera-stack:focus-within>span,.restricted-camera-stack.active>span{opacity:1;visibility:visible;transform:none}@keyframes cameraPulse{50%{opacity:.35}}.gate-marker{z-index:4;color:#174a31;cursor:pointer;background:0 0;border:0;font-size:23px;font-weight:900;position:absolute;bottom:18%;left:2%}.gate-marker span{background:#fff;border-radius:4px;padding:3px 5px;font-size:6px;display:block;box-shadow:0 2px 5px #233b2c2a}.selected-map-info{z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fdfefcf2;border:1px solid #fff5;border-radius:9px;width:235px;padding:13px;position:absolute;bottom:15px;right:16px;box-shadow:0 12px 35px #18342545}.selected-map-info>span{color:#34805a;letter-spacing:.12em;font-size:6px;font-weight:900}.selected-map-info h3{margin:4px 0 9px;font:16px Georgia,serif}.selected-map-info>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.selected-map-info p{margin:0}.selected-map-info small,.selected-map-info b{display:block}.selected-map-info small{color:#87928b;margin-bottom:3px;font-size:5px}.selected-map-info b{font-size:7px}.selected-map-info button{color:#fff;cursor:pointer;background:#1b7049;border:0;border-radius:5px;width:100%;height:27px;margin-top:10px;font-size:7px;font-weight:700}.north-indicator{text-align:center;color:#234a33;width:30px;position:absolute;top:15px;right:16px}.north-indicator b,.north-indicator span{display:block}.north-indicator b{font:11px Georgia,serif}.north-indicator span{font-size:20px;line-height:.9}.detail-panel{background:#fff;border:1px solid #dfe7e2;border-radius:11px;grid-template-columns:1.4fr .78fr;gap:24px;margin-top:15px;padding:23px;display:grid}.detail-kicker{color:var(--green);letter-spacing:.12em;font-size:8px;font-weight:800}.detail-copy h2{margin:6px 0;font-family:Georgia,serif;font-size:21px}.detail-copy h2 i{color:#26764e;vertical-align:middle;background:#e1f0e7;border-radius:10px;margin-left:8px;padding:4px 7px;font-family:Arial,sans-serif;font-size:8px;font-style:normal}.detail-copy>p{color:#7c8981;margin:0 0 17px;font-size:10px}.detail-grid{background:#e7ece9;border:1px solid #e7ece9;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.detail-grid div{background:#fbfcfb;min-height:55px;padding:10px 12px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#86938b;margin-bottom:5px;font-size:7px}.detail-grid strong{font-size:9px}.detail-camera{flex-direction:column;gap:8px;display:flex}.detail-camera>button{color:#fff;cursor:pointer;background:#143d2b;border:0;border-radius:7px;height:35px;font-size:9px;font-weight:700}.detail-camera>button span{margin-left:10px}.camera-visual{color:#fff;background:radial-gradient(circle at 50% 60%,#51715e 0,#294c38 36%,#112f23 76%);border-radius:8px;min-height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #071d14aa}.camera-visual:after{content:"";opacity:.025;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px 4px);position:absolute;inset:0}.camera-hud,.camera-foot{z-index:3;justify-content:space-between;font-size:7px;display:flex;position:absolute;left:10px;right:10px}.camera-hud{top:9px}.camera-hud span{background:#d2493d;border-radius:4px;padding:4px 6px;font-weight:800}.camera-hud span i{background:#fff;border-radius:50%;width:4px;height:4px;margin-right:3px;display:inline-block}.camera-hud b{background:#081c15aa;border-radius:4px;padding:4px 6px;font-weight:500}.camera-foot{align-items:flex-end;bottom:9px}.camera-foot span{font-weight:700}.camera-foot b{color:#cfe1d5;font-size:6px}.barn-scene{perspective:200px;position:absolute;inset:33px 0 25px}.roof{background:repeating-linear-gradient(90deg,#365842,#365842 16px,#41624c 17px 18px);border:1px solid #9cbcaa55;width:130%;height:90px;position:absolute;top:-40px;left:50%;transform:translate(-50%)rotateX(54deg)}.rail{background:#b5a36e;width:70%;height:3px;position:absolute;top:42%;box-shadow:0 11px #6d6847}.rail-one{left:-8%;transform:rotate(10deg)}.rail-two{right:-8%;transform:rotate(-10deg)}.chicken{color:#e7e0b9;text-shadow:8px 4px #d8d1ad,-6px 12px #ede5c2;font-size:16px;position:absolute}.c1{top:51%;left:20%}.c2{top:63%;left:46%}.c3{top:49%;right:23%}.c4{top:33%;right:40%}.ai-box{z-index:2;border:1px solid #68d99a;width:35px;height:27px;position:absolute}.ai-box span{white-space:nowrap;background:#27865a;padding:2px 3px;font-size:5px;position:absolute;top:-10px;left:-1px}.box-one{top:46%;left:42%}.box-two{border-color:#efc15d;width:49px;height:70px;top:36%;right:13%}.box-two span{background:#b98524}.facility-section,.hatchery-panel{background:#fff;border:1px solid #dfe7e2;border-radius:11px;margin-top:15px;padding:20px}.section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-title h2{margin:0 0 4px;font-family:Georgia,serif;font-size:17px}.section-title p{color:#839087;margin:0;font-size:9px}.ai-powered{color:#337b57;letter-spacing:.07em;background:#e7f2eb;border-radius:20px;padding:6px 9px;font-size:7px;font-weight:800}.facility-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.facility-card{text-align:left;cursor:pointer;background:#fbfcfb;border:1px solid #e1e7e3;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.facility-preview{color:#fff;background:linear-gradient(145deg,#375e48,#163725);border-radius:5px;flex-direction:column;justify-content:space-between;width:48px;height:42px;padding:5px;display:flex}.facility-preview i{color:#ff8b7f;font-size:5px;font-style:normal}.facility-preview b{font-size:6px;font-weight:500}.facility-preview.has-alert{box-shadow:inset 0 0 0 2px #e1a33d}.facility-card div strong,.facility-card div small{display:block}.facility-card div strong{margin-bottom:4px;font-size:9px}.facility-card div small{color:#8c9891;font-size:6px}.facility-card em{color:#789083;font-style:normal}.hatchery-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hatchery-summary>div{background:#fff;border:1px solid #dfe7e2;border-radius:10px;padding:18px}.hatchery-summary span,.hatchery-summary small,.hatchery-summary strong{display:block}.hatchery-summary span{color:#7f8b84;letter-spacing:.06em;font-size:8px;font-weight:700}.hatchery-summary strong{margin:7px 0 5px;font-family:Georgia,serif;font-size:25px}.hatchery-summary strong.orange{color:#b77622}.hatchery-summary small{color:#929c96;font-size:8px}.hatchery-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hatchery-camera{cursor:pointer;text-align:left;background:#fff;border:1px solid #dce4df;border-radius:9px;padding:0;overflow:hidden}.hatchery-camera .camera-visual{border-radius:0;min-height:175px}.hatchery-meta{justify-content:space-between;padding:11px;display:flex}.hatchery-meta strong,.hatchery-meta small{display:block}.hatchery-meta strong{font-size:9px}.hatchery-meta small{color:#8d9891;margin-top:3px;font-size:6px}.hatchery-meta>span{gap:5px;display:flex}.hatchery-meta>span b{color:#4f6d5c;background:#edf3ef;border-radius:4px;align-self:center;padding:4px 5px;font-size:7px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07150fba;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.camera-modal{background:#fff;border-radius:14px;width:min(930px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 80px #0006}.modal-head{justify-content:space-between;padding:18px 20px 14px;display:flex}.modal-head h2{margin:5px 0 3px;font-family:Georgia,serif;font-size:21px}.modal-head p{color:#7e8c83;margin:0;font-size:8px}.modal-head>button{cursor:pointer;background:#eef2ef;border:0;border-radius:50%;width:32px;height:32px;font-size:19px}.modal-live{color:#b84539;font-size:7px;font-weight:800}.modal-live i{background:#d54b3f;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.camera-modal>.camera-visual{border-radius:0;min-height:480px}.ai-strip{border-bottom:1px solid #e0e6e2;grid-template-columns:repeat(4,1fr);display:grid}.ai-strip div{border-right:1px solid #e0e6e2;padding:15px 18px}.ai-strip span,.ai-strip strong,.ai-strip small{display:block}.ai-strip span{color:#829087;font-size:7px;font-weight:700}.ai-strip strong{margin:5px 0 3px;font-family:Georgia,serif;font-size:16px}.ai-strip small{color:#929d96;font-size:7px}.green-text{color:#248052}.camera-controls{align-items:center;gap:7px;padding:12px 16px;display:flex}.camera-controls button{cursor:pointer;background:#f8faf8;border:1px solid #dfe6e1;border-radius:6px;padding:7px 9px;font-size:8px}.camera-controls>span{color:#76867c;margin-left:auto;font-size:7px}.camera-controls>span i{background:#30a166;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.login-modal{text-align:center;background:#fff;border-radius:15px;width:min(410px,100%);padding:30px;position:relative}.login-close{cursor:pointer;background:#eff3f0;border:0;border-radius:50%;width:29px;height:29px;font-size:17px;position:absolute;top:13px;right:13px}.login-modal>.logo-mark{margin:0 auto 15px}.login-modal>span{color:#23754c;letter-spacing:.12em;font-size:7px;font-weight:800}.login-modal h2{margin:7px 0;font-family:Georgia,serif;font-size:24px}.login-modal>p{color:#75837b;max-width:300px;margin:0 auto 20px;font-size:9px;line-height:1.6}.login-modal label{text-align:left;font-size:8px;font-weight:700;display:block}.login-modal input{border:1px solid #d8e2dc;border-radius:8px;outline:none;width:100%;height:41px;margin:6px 0 5px;padding:0 12px;display:block}.login-modal input:focus{border-color:#288158;box-shadow:0 0 0 3px #dcefe5}.login-modal label small{color:#8c9891;font-weight:400}.login-modal label small.error{color:#c14d42}.login-submit{width:100%;margin-top:18px}.login-modal>em{color:#96a099;margin-top:13px;font-size:7px;font-style:normal;display:block}.toast{z-index:80;color:#fff;background:#143e2c;border-radius:9px;padding:12px 16px;font-size:9px;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 40px #0c2d2055}.toast span{background:#3a9d6a;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:8px;display:inline-grid}.admin-shell{background:#f4f6f3;grid-template-columns:235px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#102f22;flex-direction:column;min-height:100vh;padding:21px 15px;display:flex}.admin-brand{color:#fff;margin:0 6px 25px}.admin-brand .logo-mark{color:#17452f;background:#e9e2bd}.admin-brand small{color:#87b39a!important}.admin-profile{border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;align-items:center;gap:10px;margin-bottom:18px;padding:14px 5px;display:flex}.admin-profile .avatar{color:#d7ecdf;background:#fff1}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:9px}.admin-profile small{color:#85a793;margin-top:3px;font-size:7px}.admin-sidebar nav{flex-direction:column;gap:3px;display:flex}.admin-sidebar nav button{text-align:left;color:#a9c0b2;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:11px 10px;font-size:9px}.admin-sidebar nav button span{width:24px;font-size:13px;display:inline-block}.admin-sidebar nav button.active{color:#fff;background:#ffffff12}.admin-side-foot{border-top:1px solid #ffffff19;margin-top:auto;padding-top:16px}.admin-side-foot span{color:#98b1a2;margin:0 8px 12px;font-size:7px;display:block}.admin-side-foot span i{background:#4fd18a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.admin-side-foot button{color:#d8e5dc;cursor:pointer;background:0 0;border:1px solid #ffffff20;border-radius:7px;width:100%;padding:9px;font-size:8px}.admin-content{min-width:0}.admin-top{background:#fff;border-bottom:1px solid #dfe6e1;justify-content:space-between;align-items:center;height:87px;padding:0 32px;display:flex}.admin-top>div:first-child span{color:#698076;letter-spacing:.08em;font-size:7px}.admin-top h1{margin:5px 0 0;font:22px Georgia,serif}.admin-top>div:last-child{gap:8px;display:flex}.admin-page{max-width:1200px;padding:28px 32px}.admin-intro{margin-bottom:22px;position:relative}.admin-intro h2{margin:0 0 6px;font:21px Georgia,serif}.admin-intro p{color:#7b8981;margin:0;font-size:9px}.admin-intro>button{position:absolute;top:0;right:0}.site-list,.admin-table{background:#fff;border:1px solid #dde5df;border-radius:10px;overflow:hidden}.site-row{border-bottom:1px solid #e6ebe8;grid-template-columns:38px 1fr auto 130px;align-items:center;gap:12px;padding:14px 16px;display:grid}.site-row:last-child{border:0}.site-icon{color:#287b52;background:#e4f0e8;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.site-row strong,.site-row small{display:block}.site-row strong{font-size:9px}.site-row small{color:#8a968f;margin-top:4px;font-size:7px}.site-status{color:#557263;font-size:7px}.site-status i,.online-dot{background:#36a76c;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.site-row>button{cursor:pointer;background:#f9faf9;border:1px solid #dce4df;border-radius:6px;padding:7px;font-size:7px}.barn-count{color:#6d7e74;align-items:center;gap:6px;font-size:7px;display:flex}.barn-count input{text-align:center;border:1px solid #d7e1db;border-radius:6px;width:48px;height:29px}.settings-card{background:#fff;border:1px solid #dce5df;border-radius:10px;margin-top:16px;padding:20px}.settings-card h3{margin:0 0 6px;font:15px Georgia,serif}.settings-card>p{color:#849088;font-size:8px}.camera-areas>div{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.camera-areas>div>span,.add-area{background:#f8faf8;border:1px solid #dce5df;border-radius:6px;padding:8px 10px;font-size:8px}.camera-areas span button{color:#89958e;cursor:pointer;background:0 0;border:0;margin-left:8px}.add-area{color:#26794f;cursor:pointer;border-style:dashed}.admin-table .table-row{border-bottom:1px solid #e5ebe7;grid-template-columns:1.2fr .8fr 1.5fr .8fr 70px;align-items:center;gap:10px;padding:13px 15px;font-size:8px;display:grid}.table-row span b,.table-row span small{display:block}.table-row span small{color:#8b978f;margin-top:3px;font-size:6px}.table-head{color:#718078;background:#f5f7f5;font-weight:700}.table-row .masked{color:#73827a;font-family:monospace}.table-row>button{cursor:pointer;background:#fff;border:1px solid #dce4df;border-radius:5px;padding:6px;font-size:7px}.integration-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.integration-card{background:#fff;border:1px solid #dce4df;border-radius:10px;grid-template-columns:42px 1fr;gap:11px;padding:17px;display:grid}.integration-logo{border-radius:9px;place-items:center;width:41px;height:41px;font-size:19px;display:grid}.integration-logo.gpt{color:#1c7047;background:#e0eee6}.integration-logo.gemini{color:#68569b;background:#ece9f6}.integration-logo.rtsp{color:#3f7193;background:#e5edf4}.integration-card h3{margin:3px 0 5px;font:14px Georgia,serif}.integration-card p{color:#7f8d85;margin:0;font-size:7px;line-height:1.5}.integration-card .connected{color:#268052;grid-column:1/2;font-size:7px}.integration-card button{cursor:pointer;background:#fafbfa;border:1px solid #dce4df;border-radius:5px;grid-column:2/3;padding:6px;font-size:7px}.pipeline{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.pipeline span{color:#2c6c4b;background:#edf4f0;border-radius:7px;padding:11px 14px;font-size:8px;font-weight:700}.pipeline i{color:#8d9991;font-style:normal}.form-settings{max-width:720px}.form-settings label{border-bottom:1px solid #e7ece9;grid-template-columns:180px 1fr 70px;align-items:center;gap:18px;padding:16px 0;font-size:9px;display:grid}.form-settings input[type=range]{accent-color:var(--green)}.toggle-row input{display:none}.toggle-row i{background:#35a069;border-radius:20px;width:35px;height:20px;display:block;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}@media (max-width:980px){.detail-panel{grid-template-columns:1fr}.facility-grid,.hatchery-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:190px 1fr}.integration-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.barn-map{grid-template-columns:repeat(4,1fr)}}@media (max-width:650px){.topbar{padding:0 13px}.user-copy,.icon-btn{display:none}.admin-entry{padding:0 7px}.farm-tabs{justify-content:flex-start}.content-wrap{width:calc(100% - 26px)}.page-heading{align-items:flex-start;gap:18px}.heading-actions{flex-direction:column}.ghost-btn{display:none}.metrics-grid,.hatchery-summary{grid-template-columns:1fr 1fr}.metric-card{min-height:105px;padding:14px}.metric-icon{display:none}.barn-map{grid-template-columns:repeat(2,1fr)}.legend{display:none}.detail-grid{grid-template-columns:repeat(2,1fr)}.facility-grid,.hatchery-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr auto}.footer span:last-child{display:none}.camera-modal>.camera-visual{min-height:280px}.ai-strip{grid-template-columns:1fr 1fr}.camera-controls{flex-wrap:wrap}.camera-controls>span{width:100%;margin:5px 0 0}.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto;padding:12px}.admin-brand,.admin-profile{display:none}.admin-sidebar nav{flex-direction:row;overflow-x:auto}.admin-sidebar nav button{white-space:nowrap}.admin-side-foot{display:none}.admin-top{padding:0 16px}.admin-top .ghost-btn{display:none}.admin-page{padding:20px 14px}.site-row{grid-template-columns:34px 1fr}.site-status,.site-row>button,.barn-count{grid-column:2}.admin-table{overflow-x:auto}.admin-table .table-row{min-width:720px}.pipeline{flex-direction:column;gap:8px}.pipeline i{transform:rotate(90deg)}}@media (max-width:980px){.farm-map-dashboard{grid-template-columns:205px minmax(650px,1fr);overflow-x:auto}.site-plan{min-height:540px}}@media (max-width:650px){.farm-tabs button{padding:0 14px}.farm-map-dashboard{flex-direction:column;display:flex;overflow:visible}.overview-rail{grid-template-columns:1fr 1fr;gap:9px;padding:14px;display:grid}.rail-heading{grid-column:1/2}.rail-camera{grid-column:2/3}.rail-metrics{grid-column:1/3;grid-template-columns:1fr 1fr;margin:0;display:grid}.rail-metrics article{border-right:1px solid #e8ece9}.rail-action{grid-column:1/3;margin:0}.rail-note{display:none}.interactive-map-card{overflow-x:auto}.interactive-map-card>header{min-width:680px}.site-plan{min-width:680px;min-height:520px}.map-hover-card{display:none}.selected-map-info{width:210px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}