:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171b23;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f7f8fa,#eef1f5)}.tablet-home{position:relative;min-height:570px;padding:34px;overflow:hidden;border:1px solid #d5dce6;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fafc 62%,#fff8f4);box-shadow:0 12px 30px #1018280d}.tablet-home:before{content:"";position:absolute;right:-112px;top:-132px;width:430px;height:430px;border:58px solid #f4773514;border-radius:50%}.tablet-home:after{content:"";position:absolute;z-index:0;right:18px;top:194px;width:410px;height:265px;background:url(/ui-drone-illustration-v2.png) center / contain no-repeat;opacity:.2;filter:sepia(1) saturate(1.6) hue-rotate(332deg);pointer-events:none}.tablet-welcome{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}.tablet-welcome h1{font-size:clamp(36px,5vw,48px);line-height:1}.tablet-welcome .muted{font-size:20px;color:#35445d}.tablet-home .tiles{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:16px;margin:30px 0 0}.tablet-home .tile{min-height:132px;padding:18px 20px;border-radius:14px}.tablet-home .tile:not(.orange){background:#fff}.tablet-home .tile b{font-size:19px}.tablet-home .tile small{font-size:13px;max-width:58%}.tablet-orbit{display:none}.tablet-caption{position:relative;z-index:1;margin-top:24px;color:#475467;font-size:13px;font-weight:600}.tablet-caption span{color:#f47735;padding:0 5px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.shell{width:min(1100px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:18px 0 26px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0 22px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;object-fit:contain;flex:0 0 auto}.brand div{display:grid;gap:3px}.brand strong{font-size:15px;letter-spacing:.04em}.brand small,footer{color:#667085}.tag{border:1px solid #e9c7b0;border-radius:999px;background:#fff8f3;color:#9b4e21;padding:7px 11px;font-size:13px;font-weight:650;white-space:nowrap}main{padding:22px 0 30px}h1{margin:0 0 8px;font-size:clamp(28px,4vw,38px);letter-spacing:-.035em}h2{margin:0 0 8px;font-size:20px}p{line-height:1.5}.muted{margin:0 0 20px;color:#667085}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.tile{position:relative;overflow:hidden;min-height:158px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:20px;color:#252c37;border:1px solid #e1e5eb;border-radius:16px;background:#fff;text-align:left;box-shadow:0 2px 5px #1018280a}.tile>*{position:relative;z-index:1}.tile:after{content:"";position:absolute;right:-10px;bottom:-20px;width:58%;height:78%;background:center / contain no-repeat;pointer-events:none;transition:transform .2s ease}.tile:hover:after{transform:translate(-5px,-4px) scale(1.04)}.tile svg{margin-bottom:auto;color:#d96d31}.tile b{font-size:18px}.tile small{color:#667085;line-height:1.35}.tile.orange{color:#fff;border-color:#d76027;background:linear-gradient(135deg,#ef7b3a,#d65c24)}.tile.orange:after{width:46%;height:76%;right:5px;bottom:-3px;background-image:url(/ui-drone-illustration-v2.png);background-color:transparent;background-blend-mode:multiply;mix-blend-mode:multiply;filter:contrast(1.55) saturate(.35);opacity:.92}.tile.orange svg,.tile.orange small{color:#fff4eb}.tile.green{border-color:#c8dfd5;background:#f1faf5}.tile.green:after{width:39%;height:73%;right:11px;bottom:0;background-image:url(/ui-supply-crate-v2.png);opacity:.76}.tile.green svg{color:#227a50}.tile:not(.orange):not(.green):nth-child(4):after{width:42%;height:70%;background-image:url(/ui-drone-illustration-v2.png);filter:grayscale(1);opacity:.32}.panel{margin-top:18px;padding:24px;border:1px solid #e1e5eb;border-radius:16px;background:#fff;box-shadow:0 2px 6px #10182808}.panel.compact{padding:19px}.operation-grid{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary,.back,.adminlink{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px;padding:11px 16px;font-weight:700}.primary{color:#fff;border:1px solid #d45f27;background:#dd6b2f}.primary:hover{background:#c95823}.secondary,.back,.adminlink{color:#323946;border:1px solid #d9dee7;background:#fff}.secondary:hover,.back:hover,.adminlink:hover{background:#f7f8fa}.full{width:100%;margin-top:20px}.adminlink{margin-top:18px;color:#4b5565}.back{margin-bottom:20px}.stack,.results{display:grid;gap:10px}.choice,.result{width:100%;display:flex;align-items:center;gap:16px;padding:17px;color:inherit;border:1px solid #e1e5eb;border-radius:13px;background:#fff;text-align:left}.choice span,.result span{min-width:0;flex:1;display:grid;gap:4px}.choice small,.result small{color:#667085;line-height:1.35}.choice svg,.result>svg{flex:0 0 auto;color:#d96d31}.result strong{font-size:14px;text-align:right}.client-result{border-color:#edd8c8;background:#fffaf7}.client-result strong,.client-search h2{color:#9b4e21}.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.person{min-height:102px;display:grid;justify-items:center;align-content:center;gap:8px;border:1px solid #e1e5eb;border-radius:13px;background:#fff;color:#252c37;font-weight:700}.person span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#9b4e21;background:#fff0e6}label{display:block;margin:16px 0 7px;color:#475467;font-size:14px;font-weight:700}input,select{width:100%;min-height:48px;padding:11px 13px;color:#171b23;border:1px solid #cfd6e1;border-radius:10px;background:#fff}input:focus,select:focus{outline:3px solid #ffb98c88;border-color:#e67634}.inline{display:flex;gap:10px}.inline input{flex:1}.inline .primary{flex:0 0 auto}.counter{display:flex;align-items:center;justify-content:center;gap:16px}.counter button{width:48px;height:48px;border:1px solid #d9dee7;border-radius:10px;background:#fff;font-size:25px}.counter strong{min-width:38px;text-align:center;font-size:21px}.centered{text-align:center}.error{margin:16px 0 0;color:#b42318;font-weight:650}.field-help{margin:7px 0 0;color:#667085;font-size:13px}.success{max-width:620px;margin:45px auto;padding:38px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 30px #10182812}.success>svg{color:#18864b}.warning-note{max-width:500px;margin:18px auto;color:#9b4e21}.notice{display:flex;gap:12px;align-items:flex-start;margin:20px 0;padding:14px;color:#78380f;border:1px solid #f1d0b2;border-radius:12px;background:#fff4e9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats>div{display:grid;gap:6px;padding:17px;border-radius:13px;background:#fff;border:1px solid #e1e5eb}.stats small{color:#667085}.stats b{font-size:27px}.history{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #edf0f4}.history span{display:grid;gap:4px}.history small{color:#667085}.search-section{margin-top:28px}.search-section h2{font-size:16px}.tile,.choice,.result,.person,.primary,.secondary,.back,.adminlink{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tile:hover,.choice:hover,.result:hover,.person:hover{transform:translateY(-2px);box-shadow:0 7px 18px #171b2312}footer{padding:22px 0 0;border-top:1px solid #dde3eb;font-size:13px;line-height:1.55}.auth-card,.admin-loading{max-width:480px;margin:52px auto;padding:32px;border:1px solid #e1e5eb;border-radius:18px;background:#fff;box-shadow:0 12px 32px #10182812}.auth-card>svg{color:#d96d31}.admin-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px}.admin-sidebar{position:sticky;top:18px;align-self:start;display:grid;gap:5px;padding:14px;border-radius:16px;background:#171b23;box-shadow:0 8px 22px #10182818}.admin-sidebar-title{padding:8px 10px 14px;color:#aeb7c4;font-size:11px;font-weight:800;letter-spacing:.12em}.admin-nav{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;color:#dbe1e9;border:0;border-radius:9px;background:transparent;text-align:left;font-size:14px}.admin-nav:hover{background:#29313d}.admin-nav.active{color:#fff;background:#f47735;font-weight:750}.admin-nav.tablet-link{margin-top:10px;color:#fff;text-decoration:none;border-top:1px solid #394250;border-radius:0}.admin-nav.signout{color:#ffc1a0}.admin-content{min-width:0}.admin-topbar{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-bottom:24px}.admin-topbar h1{margin:0}.eyebrow{margin:0 0 4px;color:#d96d31;font-weight:750;font-size:13px}.demo-badge{padding:7px 10px;border-radius:999px;background:#fff0e6;color:#9b4e21;font-size:12px;font-weight:750}.menu-button{display:none;width:44px;height:44px;place-items:center;border:1px solid #d9dee7;border-radius:10px;background:#fff}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-stats>div{display:grid;gap:8px;padding:18px;border:1px solid #e1e5eb;border-radius:14px;background:#fff}.admin-stats small{color:#667085}.admin-stats b{font-size:28px}.admin-panel{margin-bottom:18px;padding:22px;border:1px solid #e1e5eb;border-radius:16px;background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{margin:0}.admin-list{display:grid}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid #edf0f4}.admin-row span{display:grid;gap:4px}.admin-row small{color:#667085}.admin-row strong{color:#9b4e21;font-size:14px;white-space:nowrap}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-form{margin:10px 0 16px;padding:18px;border:1px solid #f0d1bb;border-radius:12px;background:#fffaf7}.admin-form h3{margin:0 0 4px;font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.checkbox{display:flex;align-items:center;gap:9px}.checkbox input{width:18px;min-height:18px}.empty-state{padding:16px 0 4px}.error-notice{align-items:center;justify-content:space-between;color:#8a2420;border-color:#efc4c0;background:#fff5f4}.error-notice .secondary{flex:0 0 auto}.smart-autocomplete{position:relative}.smart-input{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px;border:1px solid #cfd6e1;border-radius:10px;background:#fff}.smart-input:focus-within{outline:3px solid #ffb98c88;border-color:#e67634}.smart-input svg{color:#d96d31}.smart-input input{min-height:44px;padding:0;border:0;outline:0}.smart-results{position:absolute;z-index:10;top:calc(100% + 5px);left:0;right:0;overflow:hidden;border:1px solid #dce1e8;border-radius:11px;background:#fff;box-shadow:0 12px 28px #10182820}.smart-results p{margin:0;padding:13px;color:#667085;font-size:13px}.smart-results button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border:0;border-top:1px solid #eef0f3;background:#fff;text-align:left}.smart-results button:hover,.smart-results button.active{background:#fff5ef}.smart-results span{display:grid;gap:3px}.smart-results small{color:#667085}.smart-results em{color:#9b4e21;font-size:12px;font-style:normal}.smart-results .create-reference{align-items:center;color:#bf521c;font-weight:700}@media(max-width:760px){.shell{width:min(100% - 24px,620px);padding-top:10px}.tablet-home{padding:20px}header{align-items:flex-start}.brand img{width:50px;height:50px}.tag{font-size:11px;white-space:normal;text-align:right}.tiles,.people{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{display:block}.admin-sidebar{display:none;position:static;margin-bottom:16px}.admin-sidebar.open,.menu-button{display:grid}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media(max-width:460px){header{gap:10px}.brand strong{font-size:12px}.brand small{font-size:11px}.tiles,.people,.stats,.admin-stats{grid-template-columns:1fr}.admin-topbar{align-items:flex-start}.panel-heading,.admin-row{align-items:flex-start;flex-direction:column}.panel-heading .primary{width:100%}.tile{min-height:120px}.inline{flex-direction:column}.inline .primary{width:100%}.result{align-items:flex-start}.result strong{text-align:left}}