:root{--cream:#eee2ce;--caramel:#d5b47e;--red:#cc3218;--lilac:#c1afd6;--petrol:#00657e;--black:#000;--light-blue:#cedae8;--grey:#b2b2b2;--bg:#eee2ce;--card:#fff;--text:#000;--muted:#6f6f6f;--accent:#00657e;--accent-hover:#00546a;--border:#cedae8;--danger:#cc3218;--soft-bg:#f8f4ed}*{box-sizing:border-box}html{min-height:100%}body{background:var(--soft-bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:32px 28px 56px}h1,h2,h3{color:var(--black);margin-top:0}h1{margin-bottom:8px;font-size:clamp(28px,4vw,40px);line-height:1.1}h2{margin-bottom:16px;font-size:22px}h3{font-size:17px}p{margin-top:0}.muted{color:var(--muted)}.eyebrow{color:var(--petrol);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 8px 28px #0000000b}.section-gap{margin-top:20px}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.header-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.form{gap:16px;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}label{color:var(--black);gap:7px;font-size:14px;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--black);border:1px solid var(--grey);background:#fff;border-radius:10px;outline:none;padding:12px 13px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{border-color:var(--petrol);box-shadow:0 0 0 3px #00657e1f}button,.button{background:var(--petrol);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}button:hover,.button:hover{transform:translateY(-1px)}.button-secondary{background:var(--light-blue);color:var(--black)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{background:var(--light-blue);color:var(--black);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.table-scroll{overflow-x:auto}.table-card{min-width:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 10px}th{color:var(--petrol);white-space:nowrap;font-size:13px;font-weight:700}tbody tr:hover{background:#cedae838}.notice{border:1px solid var(--light-blue);background:#cedae866;border-radius:12px;margin-bottom:18px;padding:15px 17px}.error{color:var(--red)}.error-box{color:var(--red);border:1px solid var(--red);background:#cc321814;border-radius:10px;padding:12px 14px}.checkbox-label{align-items:center;gap:9px;display:flex}.checkbox-label input{width:auto}.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plain-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.login-page{background:linear-gradient(135deg, var(--cream), var(--light-blue));place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{background:#fff;border:1px solid #b2b2b28c;border-radius:24px;width:min(760px,100%);overflow:hidden;box-shadow:0 24px 70px #0000001a}.login-brand{align-items:center;gap:28px;padding:36px 40px 28px;display:flex}.login-logo{object-fit:contain;width:118px;height:auto}.login-brand h1{color:var(--black);margin:0 0 8px}.login-divider{background:linear-gradient(90deg, var(--red) 0 22%, var(--caramel) 22% 40%, var(--lilac) 40% 58%, var(--petrol) 58% 78%, var(--light-blue) 78% 100%);height:5px}.login-content{grid-template-columns:1fr 1fr;gap:40px;padding:34px 40px;display:grid}.login-button{background:var(--petrol);width:100%;padding:13px 18px}.login-footer{text-align:center;color:var(--black);background:var(--cream);margin:0;padding:15px 40px;font-size:13px;font-weight:700}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(430px,100%)}.dashboard-page{background:var(--soft-bg);min-height:100vh}.dashboard-header{border:1px solid var(--border);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:22px 26px;display:flex;box-shadow:0 8px 30px #0000000b}.dashboard-brand{align-items:center;gap:20px;display:flex}.dashboard-logo{object-fit:contain;width:90px;height:auto}.dashboard-brand h1{margin-bottom:5px}.dashboard-brand p{margin-bottom:0}.dashboard-section{margin-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{margin:0}.dashboard-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-tile{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:145px;padding:22px;transition:transform .18s;display:grid;box-shadow:0 6px 24px #0000000a}.dashboard-tile:hover{border-color:var(--petrol);transform:translateY(-3px)}.dashboard-tile-primary{background:var(--petrol);color:#fff;border-color:var(--petrol)}.dashboard-tile-primary strong,.dashboard-tile-primary p{color:#fff}.dashboard-tile-icon{background:var(--light-blue);min-width:46px;height:46px;color:var(--black);border-radius:13px;place-items:center;font-size:23px;font-weight:700;display:grid}.dashboard-tile strong{margin-bottom:5px;font-size:17px;display:block}.dashboard-tile p{color:var(--muted);margin:0;font-size:13px}.dashboard-tile-arrow{font-size:22px;font-weight:700}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:155px;padding:22px;transition:transform .18s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-card-soft{background:var(--cream)}.stat-card-petrol{background:var(--light-blue)}.stat-card-danger{color:#fff;background:var(--red);border-color:var(--red)}.stat-card-danger .stat-label,.stat-card-danger .stat-link{color:#fff}.stat-label{color:var(--muted);font-size:13px;font-weight:700}.stat{margin:8px 0;font-size:38px;font-weight:800;line-height:1}.stat-link{color:var(--petrol);font-size:12px;font-weight:700}.alert-card{color:#fff;background:var(--red);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:30px;padding:18px 22px;display:grid;box-shadow:0 10px 28px #cc32182e}.alert-icon{width:42px;height:42px;color:var(--red);background:#fff;border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.alert-card strong{font-size:16px}.alert-card p{opacity:.9;margin:3px 0 0;font-size:13px}.alert-arrow{font-size:24px;font-weight:700}@media (max-width:900px){.dashboard-navigation,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-content{grid-template-columns:1fr}}@media (max-width:720px){.container{padding:20px 14px 40px}.header-row,.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-brand{align-items:flex-start}.dashboard-logo{width:70px}.dashboard-navigation,.stats-grid{grid-template-columns:1fr}.login-page{padding:14px}.login-brand{flex-direction:column;align-items:flex-start;padding:26px}.login-logo{width:95px}.login-content{padding:26px}.dashboard-tile{min-height:auto}.alert-card{grid-template-columns:auto 1fr}.alert-arrow{display:none}}.animals-page{padding-top:32px}.page-header{margin-bottom:26px}.animals-alert{color:#fff;background:var(--red);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:15px 18px;font-size:14px;display:flex}.animals-alert span{font-size:12px;font-weight:700}.animals-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:34px;display:grid}.action-panel{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #0000000a}.action-panel-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:110px;padding:20px 22px;list-style:none;display:flex}.action-panel-summary::-webkit-details-marker{display:none}.action-panel-summary>div{align-items:center;gap:15px;display:flex}.action-panel-summary strong{margin-bottom:4px;font-size:17px;display:block}.action-panel-summary p{color:var(--muted);margin:0;font-size:13px}.action-panel-primary{color:#fff;background:var(--petrol)}.action-panel-primary p{color:#fff;opacity:.85}.action-panel-icon{width:42px;height:42px;color:var(--petrol);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:25px;font-weight:700;display:grid}.action-panel-icon-secondary{background:var(--light-blue)}.action-panel-content{border-top:1px solid var(--border);padding:24px}.form-section{border-bottom:1px solid var(--border);gap:14px;padding-bottom:20px;display:grid}.form-section:last-of-type{border-bottom:0}.form-section h3{margin-bottom:0}.form-section-artenschutz{border:1px solid var(--light-blue);background:#cedae840;border-radius:14px;padding:20px}.form-hint{color:var(--muted);margin-top:-6px;font-size:12px}.form-hint a{color:var(--petrol);font-weight:700}.checkbox-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-card{border:1px solid var(--light-blue);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:11px;padding:14px;display:flex}.checkbox-card input{width:auto;margin-top:3px}.checkbox-card span{gap:3px;display:grid}.checkbox-card small{color:var(--muted);font-weight:400}.checkbox-card-warning{border-color:var(--red)}.form-submit-row{justify-content:flex-end;display:flex}.animals-filter-section{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.animals-filter-section h2{margin-bottom:0}.status-filter-bar{flex-wrap:wrap;gap:8px;display:flex}.status-filter{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700}.status-filter-active{color:#fff;background:var(--petrol);border-color:var(--petrol)}.animals-lists{align-items:start}.animal-link{gap:2px;display:grid}.animal-link strong{color:var(--petrol)}.animal-link span{font-size:12px;font-weight:700}.animal-link small{color:var(--muted)}.animal-status-stack{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.status-badge{color:var(--black);background:var(--light-blue);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.status-badge-danger{color:#fff;background:var(--red)}.status-badge-petrol{color:#fff;background:var(--petrol)}.quantity-badge{background:var(--cream);border-radius:50%;place-items:center;min-width:34px;height:34px;display:inline-grid}.empty-state{text-align:center;color:var(--muted);padding:28px 10px}.empty-state strong{color:var(--black);margin-bottom:4px;display:block}@media (max-width:900px){.animals-actions,.checkbox-group{grid-template-columns:1fr}.animals-filter-section{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.action-panel-summary{min-height:auto;padding:17px}.action-panel-content{padding:18px}.form-submit-row{justify-content:stretch}.form-submit-row button{width:100%}}.enclosures-page,.enclosure-detail-page{padding-top:32px}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.enclosure-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.enclosure-stat{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px 18px}.enclosure-stat span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.enclosure-stat strong{font-size:25px}.enclosure-create-panel{margin-bottom:32px}.enclosure-list-header,.section-title-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.enclosure-list-header h2,.section-title-row h2{margin-bottom:0}.enclosure-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.enclosure-card{border:1px solid var(--border);border-left:5px solid var(--petrol);background:#fff;border-radius:16px;flex-direction:column;min-height:190px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 5px 20px #00000009}.enclosure-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #00000012}.enclosure-status-empty{border-left-color:var(--light-blue)}.enclosure-status-quarantine{border-left-color:var(--red)}.enclosure-status-cleaning{border-left-color:var(--cream)}.enclosure-status-inactive{opacity:.6}.enclosure-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.enclosure-category{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.enclosure-number{color:var(--petrol);font-size:30px;display:block}.enclosure-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.enclosure-status-badge-active{color:#fff;background:var(--petrol)}.enclosure-status-badge-empty{background:var(--light-blue)}.enclosure-status-badge-quarantine{color:#fff;background:var(--red)}.enclosure-status-badge-cleaning{background:var(--cream)}.enclosure-status-badge-inactive{background:var(--border)}.enclosure-location{gap:2px;margin-top:20px;display:grid}.enclosure-location span{color:var(--muted);font-size:13px}.enclosure-note{color:var(--muted);margin:12px 0 0;font-size:12px}.enclosure-open{color:var(--petrol);margin-top:auto;padding-top:18px;font-size:12px;font-weight:700}.enclosure-detail-back{color:var(--petrol);margin-bottom:12px;font-size:13px;font-weight:700}.enclosure-hero{border:1px solid var(--border);border-left:6px solid var(--petrol);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:24px 28px;display:flex}.enclosure-hero h1{margin-bottom:5px}.enclosure-hero p:last-child{color:var(--muted);margin:0}.enclosure-detail-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.enclosure-detail-stats>div{border:1px solid var(--border);background:#fff;border-radius:13px;padding:14px 18px}.enclosure-detail-stats span{color:var(--muted);font-size:12px;display:block}.enclosure-detail-stats strong{margin-top:3px;font-size:23px;display:block}.quick-protocol-card{border:2px solid var(--petrol);margin-bottom:28px}.quick-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.quick-section-header h2{margin-bottom:4px}.quick-badge{color:#fff;background:var(--petrol);border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:700}.enclosure-occupancy-section{margin-bottom:28px}.enclosure-more-panel{margin-bottom:12px}.enclosure-detail-note{background:var(--bg);border-radius:10px;margin-top:18px;padding:14px}.enclosure-detail-note p{margin-bottom:0}.enclosure-history{margin-top:28px}@media (max-width:900px){.enclosure-stats{grid-template-columns:repeat(2,1fr)}.enclosure-detail-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.header-actions{width:100%}.header-actions .button{text-align:center;flex:1}.enclosure-stats{grid-template-columns:repeat(2,1fr)}.enclosure-card-grid{grid-template-columns:1fr}.enclosure-hero{flex-direction:column;align-items:flex-start;padding:20px}.enclosure-detail-stats{grid-template-columns:1fr}.quick-section-header,.section-title-row{flex-direction:column;align-items:flex-start}}.animal-detail-page{padding-top:32px}.animal-detail-back{color:var(--petrol);margin-bottom:12px;font-size:13px;font-weight:700}.animal-hero{border:1px solid var(--border);border-left:6px solid var(--petrol);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:16px;padding:26px 28px;display:flex;box-shadow:0 7px 26px #0000000a}.animal-hero-quarantine{border-left-color:var(--red)}.animal-hero-sold,.animal-hero-transferred,.animal-hero-deceased{border-left-color:var(--grey)}.animal-hero h1{margin-bottom:4px}.animal-scientific-name{color:var(--muted);margin:0 0 14px;font-size:15px;font-style:italic}.animal-hero-meta{flex-wrap:wrap;gap:8px;display:flex}.animal-hero-meta span{background:var(--light-blue);border-radius:999px;padding:5px 9px;font-size:12px}.animal-hero-status{flex-direction:column;flex:none;align-items:flex-end;gap:7px;display:flex}.animal-registration-alert{color:#fff;background:var(--red);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;display:grid;box-shadow:0 8px 24px #cc32182e}.animal-registration-alert-icon{width:42px;height:42px;color:var(--red);background:#fff;border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.animal-registration-alert strong{font-size:17px}.animal-registration-alert p{margin:3px 0 0;font-size:13px}.animal-registration-alert>span{font-size:12px;font-weight:700}.animal-quick-card{margin-bottom:18px}.animal-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.animal-summary-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:15px 17px}.animal-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.animal-summary-card strong{font-size:16px}.animal-registration-card{border:1px solid var(--light-blue);margin-bottom:24px}.animal-registration-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.registration-status-box{border-radius:14px;padding:18px}.registration-status-box strong{margin-bottom:6px;font-size:17px;display:block}.registration-status-box p:last-child{margin-bottom:0}.registration-status-open{color:#fff;background:var(--red)}.registration-status-reported{color:#fff;background:var(--petrol)}.animal-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.animal-action-grid .action-panel{height:fit-content}.animal-sale-panel{border:2px solid var(--red);background:#fff;border-radius:18px;margin-bottom:24px;overflow:hidden}.animal-sale-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:110px;padding:20px 22px;list-style:none;display:flex}.animal-sale-summary::-webkit-details-marker{display:none}.animal-sale-summary>div{align-items:center;gap:15px;display:flex}.animal-sale-summary strong{color:var(--red);margin-bottom:4px;font-size:17px;display:block}.animal-sale-summary p{color:var(--muted);margin:0;font-size:13px}.animal-sale-icon{color:#fff;background:var(--red);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.animal-sale-content{border-top:1px solid var(--border);padding:24px}.animal-sale-warning{border:1px solid var(--red);background:#cc321812;border-radius:12px;margin-bottom:20px;padding:14px 16px}.animal-sale-warning strong{color:var(--red)}.animal-sale-warning p{margin:4px 0 0}.animal-sale-button{background:var(--red)}.animal-inactive-notice{background:var(--light-blue);border-radius:14px;margin-bottom:24px;padding:18px 20px}.animal-inactive-notice p{margin:4px 0 0}.animal-masterdata-panel{margin-bottom:28px}.animal-section-card{margin-top:18px}@media (max-width:1000px){.animal-action-grid{grid-template-columns:1fr}.animal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-registration-layout{grid-template-columns:1fr}}@media (max-width:720px){.animal-hero{flex-direction:column;align-items:flex-start;padding:20px}.animal-hero-status{align-items:flex-start}.animal-summary-grid{grid-template-columns:1fr 1fr}.animal-registration-alert{grid-template-columns:auto 1fr}.animal-registration-alert>span{display:none}.animal-sale-summary{flex-direction:column;align-items:flex-start}.animal-sale-content{padding:18px}}@media (max-width:480px){.animal-summary-grid{grid-template-columns:1fr}}.employees-page{padding-top:32px}.employee-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.employee-stats>div{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px 18px}.employee-stats span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.employee-stats strong{font-size:26px}.employee-create-panel{margin-bottom:34px}.employee-checkbox-grid,.employee-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.employee-section{margin-top:30px}.employee-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.employee-card{border:1px solid var(--border);background:#fff;border-radius:16px;gap:16px;min-height:180px;padding:18px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 5px 20px #00000009}.employee-card:hover{border-color:var(--petrol);transform:translateY(-2px)}.employee-avatar{color:#fff;background:var(--petrol);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid}.employee-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.employee-card-top{justify-content:space-between;gap:10px;display:flex}.employee-card-top strong{font-size:16px;display:block}.employee-card-top span:not(.status-badge){color:var(--muted);margin-top:2px;font-size:12px;display:block}.employee-role{color:var(--petrol);margin-top:8px;font-size:12px;font-weight:700}.employee-location-list{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.employee-location-list span{background:var(--light-blue);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.employee-open{color:var(--petrol);margin-top:auto;padding-top:15px;font-size:12px;font-weight:700}@media (max-width:800px){.employee-stats,.employee-checkbox-grid,.employee-permissions-grid{grid-template-columns:1fr}}.employee-detail-page{padding-top:32px}.employee-detail-back{color:var(--petrol);margin-bottom:12px;font-size:13px;font-weight:700}.employee-detail-hero{border:1px solid var(--border);border-left:6px solid var(--petrol);background:#fff;border-radius:18px;align-items:center;gap:18px;margin-bottom:14px;padding:24px 26px;display:flex}.employee-detail-avatar{color:#fff;background:var(--petrol);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:25px;font-weight:800;display:grid}.employee-detail-title{flex:1}.employee-detail-title h1{margin-bottom:3px}.employee-detail-title p{margin-bottom:0}.employee-detail-status{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.employee-detail-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.employee-detail-stats>div{border:1px solid var(--border);background:#fff;border-radius:13px;padding:14px 16px}.employee-detail-stats span{color:var(--muted);font-size:11px;font-weight:700;display:block}.employee-detail-stats strong{margin-top:3px;font-size:23px;display:block}.employee-detail-panel{margin-top:12px}.employee-qualification-section{margin-top:34px}.qualification-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:18px;display:grid}.qualification-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;box-shadow:0 5px 20px #00000009}.qualification-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.qualification-card-header h3{margin:3px 0 0}.qualification-type{color:var(--petrol);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.qualification-details{gap:8px;margin:0;display:grid}.qualification-details>div{border-bottom:1px solid var(--border);grid-template-columns:105px 1fr;gap:10px;padding-bottom:7px;display:grid}.qualification-details dt{color:var(--muted);font-size:12px;font-weight:700}.qualification-details dd{margin:0;font-size:12px}.qualification-note{background:var(--cream);border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:12px}.qualification-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.status-badge-warning{color:var(--black);background:var(--caramel)}@media (max-width:950px){.employee-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.employee-detail-hero{flex-direction:column;align-items:flex-start}.employee-detail-status{align-items:flex-start}.employee-detail-stats{grid-template-columns:1fr 1fr}.qualification-grid{grid-template-columns:1fr}}.employee-invite-link{gap:2px;display:grid}.employee-invite-link strong{color:var(--petrol)}.employee-invite-link span{color:var(--muted);font-size:11px;font-weight:700}.employee-invite-hero{border-left-color:var(--caramel)}.employee-invite-danger-zone{border:1px solid var(--red);background:#cc32180f;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:20px 22px;display:flex}.employee-invite-danger-zone h2{color:var(--red);margin-bottom:4px}.employee-invite-danger-zone p{color:var(--muted);margin:0;font-size:13px}.employee-delete-button{background:var(--red)}@media (max-width:720px){.employee-invite-danger-zone{flex-direction:column;align-items:stretch}.employee-delete-button{width:100%}}.location-page{background:linear-gradient(135deg, var(--cream), var(--light-blue));place-items:center;min-height:100vh;padding:28px;display:grid}.location-card{border:1px solid var(--border);background:#fff;border-radius:24px;width:min(850px,100%);padding:34px;box-shadow:0 24px 70px #0000001a}.location-brand{border-bottom:1px solid var(--border);align-items:center;gap:24px;padding-bottom:26px;display:flex}.location-logo{width:95px;height:auto}.location-brand h1{margin-bottom:5px}.location-brand p:last-child{margin-bottom:0}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.location-option{border:2px solid var(--light-blue);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:105px;padding:18px;transition:transform .15s,border-color .15s;display:grid}.location-option:hover{border-color:var(--petrol);transform:translateY(-2px)}.location-option-icon{color:#fff;background:var(--petrol);border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.location-option strong{color:var(--black);font-size:16px;display:block}.location-option div span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.location-option-arrow{color:var(--petrol);font-size:22px;font-weight:800}.location-empty{background:var(--cream);border-radius:14px;margin-top:26px;padding:20px}.location-empty p{color:var(--muted);margin:5px 0 0}.location-footer{justify-content:flex-end;margin-top:24px;display:flex}@media (max-width:720px){.location-page{padding:14px}.location-card{padding:22px}.location-brand{flex-direction:column;align-items:flex-start}.location-grid{grid-template-columns:1fr}}.dashboard-location{flex-wrap:wrap;align-items:center;gap:9px;margin-top:7px;display:flex}.dashboard-location span{background:var(--light-blue);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.dashboard-location a{color:var(--petrol);font-size:12px;font-weight:700}.dashboard-tile-academy{position:relative}.dashboard-tile-logo{background:#fff;border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;padding:7px;display:flex;overflow:hidden}.dashboard-tile-logo img{object-fit:contain;width:100%;height:100%;display:block}.enclosure-view-switch{background:#f4f7f9;border:1px solid #d9e0e6;border-radius:12px;align-items:center;gap:4px;margin:0 0 24px;padding:4px;display:inline-flex}.enclosure-view-switch a{color:#52606d;border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;text-decoration:none;display:flex}.enclosure-view-switch a:hover{color:#111827;background:#fff}.enclosure-view-switch .enclosure-view-switch-active{color:#111827;background:#fff;box-shadow:0 1px 3px #00000014}.layout-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.layout-department-grid{gap:20px;display:grid}.layout-department-card{background:#fff;border:1px solid #e1e6eb;border-radius:18px;padding:24px}.layout-department-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.layout-department-heading h3{margin:3px 0 0;font-size:22px}.layout-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.layout-card{min-height:90px;color:inherit;border:1px solid #e1e6eb;border-radius:14px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.layout-card:hover{border-color:#b8c5cf;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.layout-card-icon{background:#edf4f7;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.layout-card strong{display:block}.layout-card p{color:#66727d;margin:4px 0 0;font-size:14px}.layout-card-arrow{margin-left:auto;font-size:22px}.layout-empty{background:#f8fafb;border:1px dashed #ccd5dc;border-radius:14px;padding:20px}.layout-empty p{color:#66727d;margin:5px 0 0}@media (max-width:700px){.layout-intro,.layout-department-heading{flex-direction:column;align-items:flex-start}.enclosure-view-switch{width:100%;display:flex}.enclosure-view-switch a{flex:1}}.layout-detail-help{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.layout-legend{flex-wrap:wrap;gap:14px;display:flex}.layout-legend span{color:#66727d;align-items:center;gap:6px;font-size:13px;display:flex}.visual-status-dot{background:#929ca3;border-radius:999px;flex:0 0 10px;width:10px;height:10px;display:inline-block}.visual-status-active{background:#2e8b57}.visual-status-empty{background:#929ca3}.visual-status-cleaning{background:#d79a27}.visual-status-quarantine{background:#c93424}.visual-layout-stage{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:18px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 8px 28px #0f172a0f}.visual-layout-room{position:absolute;inset:0}.visual-layout-wall{background:#fff;border:1px solid #e1e6e3;border-radius:14px;position:absolute;inset:24px;box-shadow:inset 0 0 0 1px #ffffffe6}.visual-layout-floor{display:none}.visual-enclosure{color:#173d2a;text-align:left;cursor:pointer;background:linear-gradient(145deg,#fffffff5,#e8efebeb);border:2px solid #69736d;border-radius:8px;min-width:70px;min-height:70px;padding:10px;transition:border-color .15s,box-shadow .15s,background .15s,filter .15s;position:absolute;overflow:hidden;box-shadow:0 5px 14px #0f172a1a}.visual-enclosure:hover{filter:brightness(1.015);border-color:#173d2a;box-shadow:0 8px 20px #0f172a26}.visual-enclosure-glass{pointer-events:none;background:linear-gradient(120deg,#ffffff6b 0%,#ffffff1a 30%,#0000 31% 100%);position:absolute;inset:0}.visual-enclosure-top{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.visual-enclosure-top strong{background:#edf3ef;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:800;display:inline-flex}.visual-enclosure-content{z-index:2;flex-direction:column;margin-top:12px;display:flex;position:relative}.visual-enclosure-content strong{font-size:16px}.visual-enclosure-content small{color:#59645d;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.visual-enclosure-footer{z-index:2;color:#6d7771;font-size:10px;font-weight:700;position:absolute;bottom:7px;left:10px;right:10px}.visual-enclosure-active{border-color:#5d7567}.visual-enclosure-empty{opacity:.82;background:linear-gradient(145deg,#fff,#f1f3f2);border-color:#b7bfba}.visual-enclosure-quarantine{background:linear-gradient(145deg,#fff,#fff1ef);border-color:#c93424}.visual-enclosure-cleaning{background:linear-gradient(145deg,#fff,#fff8e9);border-color:#d79a27}.visual-layout-empty>div{text-align:center;background:#ffffffe6;border:1px dashed #aeb9bf;border-radius:18px;max-width:380px;padding:28px;box-shadow:0 12px 32px #00000014}.visual-layout-empty span{margin-bottom:10px;font-size:38px;display:block}.visual-layout-empty strong{font-size:18px;display:block}.visual-layout-empty p{color:#66727d;margin:8px 0 0}.layout-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.layout-modal{background:#fff;border-radius:20px;width:min(680px,100%);max-height:86vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #00000047}.layout-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.layout-modal-header h2{margin:3px 0 8px}.layout-modal-close{color:#172019;background:#eef1f2;border-radius:999px;width:40px;height:40px;padding:0;font-size:25px}.layout-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.layout-choice-card{color:inherit;border:1px solid #dfe5e8;border-radius:14px;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.layout-choice-card:hover{background:#f7f9fa;border-color:#aebbc2}.layout-choice-card>span:last-child{margin-left:auto;font-size:20px}.layout-choice-card-static{cursor:default}.layout-choice-icon{background:#edf3f5;border-radius:11px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:20px;display:grid}.layout-choice-card p{color:#66727d;margin:3px 0 0;font-size:13px}.layout-modal-section{margin-top:22px}.layout-animal-list{gap:8px;margin-top:10px;display:grid}.layout-animal-option{color:inherit;background:#fff;border:1px solid #e1e6e9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;display:flex}.layout-animal-option:hover{background:#f5f8f8}.layout-animal-option div{display:grid}.layout-animal-option span{color:#52606b}.layout-animal-option small{color:#7b858d;margin-top:2px}.layout-animal-option-static{cursor:default}@media (max-width:750px){.layout-detail-help{flex-direction:column;align-items:flex-start}.visual-layout-stage{min-height:520px}.layout-choice-grid{grid-template-columns:1fr}}.layout-editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.layout-editor-stage{background:linear-gradient(#f2f5f5 0%,#e6ebeb 78%,#d2cec4 78%,#c7c1b5 100%);border:2px solid #d7dfe3;border-radius:18px;min-height:600px;position:relative;overflow:hidden}.layout-editor-item{color:#172019;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#dae8ead1;border:3px solid #596266;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:50px;min-height:50px;padding:8px;display:flex;position:absolute;box-shadow:0 8px 18px #00000024}.layout-editor-item:active{cursor:grabbing}.layout-editor-item-selected{border-color:#00657e;outline:4px solid #00657e40}.layout-editor-item small{margin-top:4px;font-size:10px}.layout-editor-empty{color:#6b747a;place-items:center;display:grid;position:absolute;inset:0}.layout-editor-inspector{background:#fff;border:1px solid #dce3e6;border-radius:16px;align-content:start;gap:12px;padding:20px;display:grid}.layout-editor-inspector h3{margin:0 0 6px}.layout-available-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:18px;display:grid}.layout-available-card{background:#f8fafb;border:1px solid #dfe5e8;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.layout-available-card div{gap:3px;display:grid}.layout-available-card span{color:#66727d;font-size:12px}.layout-remove-list{gap:8px;display:grid}.plain-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}@media (max-width:850px){.layout-editor-grid{grid-template-columns:1fr}.layout-editor-stage{min-height:500px}}.layout-quick-section{margin-top:12px}.layout-quick-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.layout-quick-heading h2{margin:3px 0 0}.layout-quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.layout-quick-card{color:inherit;background:#fff;border:1px solid #dfe5e8;border-radius:18px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden;box-shadow:0 4px 16px #0f172a0d}.layout-quick-card:hover{border-color:#b9c5cb;transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1c}.layout-quick-image{background:linear-gradient(135deg,#e9f0ec,#dce7e1);height:125px;position:relative;overflow:hidden}.layout-quick-image img{object-fit:cover;width:100%;height:100%;display:block}.layout-quick-image>span:not(.layout-quick-department){place-items:center;font-size:54px;display:grid;position:absolute;inset:0}.layout-quick-overlay{background:linear-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}.layout-quick-department{z-index:2;color:#173d2a;background:#ffffffeb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:10px;left:12px}.layout-quick-content{justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;display:flex}.layout-quick-content strong{font-size:16px;display:block}.layout-quick-content span{color:#6c757b;margin-top:3px;font-size:12px;display:block}.layout-quick-arrow{color:#173d2a!important;font-size:23px!important}@media (max-width:650px){.layout-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-quick-image{height:105px}}.layout-quick-grid{flex-wrap:wrap;gap:12px;display:flex}.layout-dashboard-tile{width:280px;min-height:82px;padding:10px 12px}.layout-dashboard-tile-image{background:#fff;justify-content:center;align-items:center;width:62px;min-width:62px;height:62px;padding:3px;display:flex;overflow:hidden}.layout-dashboard-tile-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.layout-dashboard-tile-image>span{place-items:center;width:100%;height:100%;font-size:25px;display:grid}.layout-dashboard-tile strong{font-size:15px}.layout-dashboard-tile p{margin-top:2px;font-size:12px}@media (max-width:650px){.layout-dashboard-tile{width:100%}}.layout-editor-item{touch-action:none}.layout-editor-item-selected{z-index:20}.layout-editor-resize-handle{color:#fff;cursor:nwse-resize;touch-action:none;background:#173d2a;border:2px solid #fff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 3px 10px #0000002e}.layout-editor-resize-handle:hover{transform:scale(1.08)}.animal-table-link{color:inherit;gap:2px;text-decoration:none;display:inline-grid}.animal-table-link strong{color:#173d2a}.animal-table-link:hover strong{text-decoration:underline}