/* Nilufa Prism — unified owner portal redesign */
:root{--ink:#182033;--ink-soft:#485269;--muted:#747d91;--line:#e5e7f1;--line-strong:#d5d8e5;--paper:#f7f7fc;--surface:#fff;--shade:#f0f1f7;--accent:#6c5ce7;--accent-on:#fff;--accent-tint:#efedff;--ok:#12a968;--warn:#e19222;--bad:#e84d5b;--pick:#ed5b9b}
body{background:var(--paper);color:var(--ink);position:relative}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 98% 3%,rgba(22,184,216,.1),transparent 26rem),radial-gradient(circle at 62% 96%,rgba(237,91,155,.07),transparent 30rem)}.ui-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ui-icon.sm{width:16px;height:16px}
.topbar{min-height:72px;padding-block:12px;background:rgba(255,255,255,.88);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.8);animation:headIn .5s cubic-bezier(.2,.8,.2,1)}.topbar__mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#6c5ce7,#8c66ef 55%,#17b7d7);color:#fff;box-shadow:0 8px 22px rgba(108,92,231,.25)}.topbar__store{color:var(--ink)}.topbar__role{color:#8a91a3}.topbar__link,.topbar__who{color:#5f687c}.topbar__link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.topbar__link:hover{color:var(--accent)}.topbar .btn--ghost{border-color:#dfe1eb;color:var(--ink)}
.shell{grid-template-columns:250px minmax(0,1fr)}.sidenav{top:72px;padding:22px 14px;background:rgba(255,255,255,.9);min-height:calc(100vh - 72px);border-color:var(--line)}.sidenav::before{content:"WORKSPACE";padding:0 14px 10px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#a2a7b6}.sidenav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 14px;border-radius:13px;font-weight:600;color:#60697d;transition:all .2s cubic-bezier(.2,.8,.2,1)}.sidenav a .ui-icon{width:18px;height:18px;color:#6c5ce7}.sidenav a:nth-of-type(2) .ui-icon{color:#10a7c5}.sidenav a:nth-of-type(3) .ui-icon{color:#ed5b9b}.sidenav a:nth-of-type(4) .ui-icon{color:#e58a18}.sidenav a:nth-of-type(5) .ui-icon{color:#11a768}.sidenav a:hover{background:#f4f3ff;color:#5144bd;transform:translateX(3px)}.sidenav a.is-on{background:linear-gradient(135deg,#6c5ce7,#7f65eb);color:#fff;box-shadow:0 10px 22px rgba(108,92,231,.24)}.sidenav a.is-on .ui-icon{color:#fff}.sidenav__cta{border:0!important;background:#fff0f6;color:#c7417c!important}.sidenav__cta .ui-icon{color:#ed5b9b!important}
.panel{max-width:1450px;padding:32px clamp(18px,3vw,40px) 70px;animation:riseIn .5s both cubic-bezier(.2,.8,.2,1)}.panelhead h1{font-size:clamp(1.8rem,3vw,2.6rem);color:#28204f}.panelhead p{color:#70798e}
.btn{min-height:43px;border-radius:12px;font-weight:650;transition:all .22s cubic-bezier(.2,.8,.2,1)}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(52,44,140,.12)}.btn--accent{background:linear-gradient(135deg,#6c5ce7,#815fe9);box-shadow:0 8px 18px rgba(108,92,231,.2)}.btn--ink{background:linear-gradient(135deg,#252c42,#3e4868)}.btn--ghost{background:#fff;border-color:#d9dce8}.btn--ghost:hover{background:#efedff;border-color:#cac5ff;color:#5849c7}.linkbtn{display:inline-flex;align-items:center;gap:5px;color:#6455d7}
.note{border-radius:15px;box-shadow:0 5px 16px rgba(35,31,80,.04)}.figures{display:grid;gap:14px;border:0;background:transparent;overflow:visible}.figure{position:relative;overflow:hidden;border:1px solid var(--line)!important;border-radius:18px;background:#fff;padding:18px 20px;box-shadow:0 2px 8px rgba(25,30,55,.04);transition:all .22s}.figure::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-25px;top:-25px;background:#efedff}.figure:nth-child(2)::after{background:#e8faff}.figure:nth-child(3)::after{background:#fff0f6}.figure:nth-child(4)::after{background:#fff4e8}.figure:nth-child(5)::after{background:#e9fbf2}.figure:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(55,45,150,.09);border-color:#d2ceff!important}.figure__k,.figure__v{position:relative;z-index:1}.figure__v{color:#29214f}
.card{border-radius:20px;border-color:#e2e4ee;box-shadow:0 4px 16px rgba(34,29,90,.05);padding:clamp(18px,2vw,26px)}.card--quiet{background:linear-gradient(145deg,#faf9ff,#f1fbff)}.card h2{color:#33285e}.grid{background:#fff;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 3px 12px rgba(28,24,70,.04)}.grid th{padding:13px 14px;background:#f8f8fc}.grid td{padding:14px}.grid tbody tr:hover{background:#fafaff}.rowitem__thumb{border-radius:12px}.rowacts{gap:8px}.chip{border-radius:9px;padding:5px 9px}.chip--confirmed{background:#e9fbf2;color:#087a49}.chip--new{background:#fff4e8}.chip--pick{background:#fff0f6;color:#bd3c76}
.tabs{gap:8px}.tab{border-radius:11px;background:#fff}.tab.is-on{background:linear-gradient(135deg,#463a7b,#6c5ce7);border-color:transparent}.filterbar{padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px rgba(28,24,70,.04)}.filterbar input{border-radius:12px;background:#f8f8fc;border-color:transparent}
.field input,.field textarea,.field select{border-radius:12px;min-height:44px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#988cff;outline:none;box-shadow:0 0 0 4px rgba(108,92,231,.1)}.radiocard{border-radius:16px}.radiocard:has(input:checked){border-color:#9c90ff;background:#f2f0ff}.dropzone{border-radius:18px;background:linear-gradient(145deg,#faf9ff,#f1fbff)}.media{gap:16px}.media__item{border-radius:18px;box-shadow:0 5px 16px rgba(30,26,80,.06)}
.order{border-radius:18px;box-shadow:0 3px 12px rgba(30,26,80,.04)}.order summary{transition:background .2s}.order[open]{border-color:#cec9ff;box-shadow:0 14px 30px rgba(54,44,145,.08)}.category-manager{margin-bottom:18px}.attention li{padding:12px 0}
body.gate{background:linear-gradient(145deg,#f1efff,#eafaff 52%,#fff0f6)}.gate__blob--1{background:rgba(108,92,231,.18)}.gate__blob--2{background:rgba(237,91,155,.16)}.gate__blob--3{background:rgba(22,184,216,.14)}.gate__card{border-radius:26px;border-color:rgba(255,255,255,.85);box-shadow:0 28px 80px rgba(50,41,140,.17);animation:loginIn .6s cubic-bezier(.2,.8,.2,1)}.gate__card::before{content:"";display:grid;width:62px;height:62px;margin-bottom:20px;border-radius:19px;background:linear-gradient(145deg,#6c5ce7,#8f69ef 55%,#16b8d8);box-shadow:0 10px 25px rgba(108,92,231,.25)}.gate__card::after{content:"✦";position:absolute;left:40px;top:53px;color:#fff;font-size:24px}.gate__card h1{font-size:2rem;color:#29214f}.gate__hint{background:#f3f1ff;border:1px solid #e0dcff;border-radius:13px}
@keyframes headIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes loginIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:860px){.shell{grid-template-columns:1fr}.sidenav{position:sticky;top:72px;z-index:15;min-height:0;flex-direction:row;overflow-x:auto;padding:10px 12px;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.sidenav::before{display:none}.sidenav a{min-height:42px}.panel{padding-top:22px}.topbar__who{display:none}.topbar__end{gap:8px}.topbar__link{font-size:0}.topbar__link .ui-icon{width:20px;height:20px}}
@media(max-width:620px){.topbar{padding-inline:12px}.topbar__role{display:none}.topbar__end .btn{padding-inline:10px}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.figure{padding:15px}.figure__v{font-size:1.4rem}.twocol,.twocol--wide{grid-template-columns:1fr}.panelhead{align-items:flex-start}.filterbar{flex-wrap:wrap}.filterbar input{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}