@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}:root{--ink:#171f1c;--ink-soft:#4b564f;--ink-faint:#8a928c;--bg:#f3f4f0;--panel:#fff;--line:#e2e5de;--primary:#12433f;--primary-hover:#0d3733;--primary-soft:#e4eeec;--accent:#c08a2e;--accent-soft:#f6ebd6;--danger:#a8402f;--danger-soft:#f6e4e0;--success:#2d6a4a;--success-soft:#e1f0e5;--wait:#8a6d1d;--wait-soft:#f3ead1;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(15,23,20,.05);--shadow-md:0 6px 20px rgba(15,23,20,.08);--shadow-lg:0 16px 44px rgba(15,23,20,.16)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:inherit}a{color:inherit}.shell{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:258px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{gap:11px;text-decoration:none;color:inherit;padding:4px 10px 22px}.brand,.brand .mark{display:flex;align-items:center}.brand .mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#0a2b28);color:#fff;justify-content:center;font-weight:700;font-size:13.5px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(18,67,63,.28);flex-shrink:0}.brand-name{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--ink-faint);margin-top:1px}.sidenav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.sidenav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-soft);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease}.sidenav a svg{flex-shrink:0;opacity:.75;transition:opacity .15s ease}.sidenav a:hover{background:var(--bg);color:var(--ink)}.sidenav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidenav a.active svg{opacity:1}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;height:62px;padding:0 32px;background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.topbar-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.topbar-left{display:flex;align-items:center;min-width:0}.topbar-brand{display:none;text-decoration:none}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-divider{width:1px;height:26px;background:var(--line)}.notif-btn,.notif-wrap{position:relative}.notif-btn{border:1px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer;width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.notif-btn:hover{background:var(--bg);color:var(--ink)}.notif-btn.open{background:var(--primary-soft);color:var(--primary);border-color:#cfe0dd}.notif-badge{position:absolute;top:2px;right:1px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1;border-radius:99px;padding:3px 5px;min-width:17px;text-align:center;border:2px solid var(--panel)}.notif-panel{position:absolute;right:0;top:calc(100% + 10px);width:390px;max-width:88vw;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:pop .14s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);background:#fcfcfa}.notif-panel-head h3{margin:0;font-size:13.5px;font-weight:700}.notif-list{max-height:400px;overflow-y:auto}.notif-item{display:block;width:100%;text-align:left;background:transparent;padding:12px 15px;border:none;border-bottom:1px solid #f0f2ee;cursor:pointer;font:inherit;color:inherit;position:relative;transition:background .13s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8f9f5}.notif-item.unread{background:#f7fbfa}.notif-item.unread:hover{background:#eff7f5}.notif-item.unread:before{content:"";position:absolute;left:6px;top:18px;width:5px;height:5px;border-radius:99px;background:var(--primary)}.notif-item-title{font-size:12.8px;font-weight:600;line-height:1.35}.notif-item.unread .notif-item-title{font-weight:700}.notif-item-body{font-size:12px;color:var(--ink-soft);margin-top:2px;line-height:1.4}.notif-item-time{font-size:11px;color:var(--ink-faint);margin-top:4px}.notif-panel-foot{padding:9px 15px;border-top:1px solid var(--line);background:#fcfcfa;text-align:center}.notif-panel-foot a{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none}.notif-panel-foot a:hover{text-decoration:underline}.link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--primary);font-size:11.5px;font-weight:600;font-family:inherit}.link-btn:hover{text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:9px;text-decoration:none;color:inherit;transition:background .15s ease}.user-chip:hover{background:var(--bg)}.user-chip-avatar{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;flex-shrink:0}.user-chip-info{flex:1 1;min-width:0}.user-chip-name{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip-role{font-size:10.5px;color:var(--ink-faint)}.icon-btn{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:6px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:#fff;color:var(--danger)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.main-inner{max-width:1080px;width:100%;margin:0 auto;padding:26px 32px 64px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.role-pill{font-size:11px;padding:3px 9px;border-radius:99px;font-weight:600;background:var(--primary-soft);color:var(--primary);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.card:hover{box-shadow:var(--shadow-md)}.card .num{font-size:30px;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1.1}.card .label{font-size:12.5px;color:var(--ink-faint);margin-top:6px;font-weight:500}.card.warn .num{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(15,23,20,.45);display:flex;align-items:flex-start;justify-content:center;padding:5vh 20px;overflow-y:auto}.modal-panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:22px;margin:auto 0}@media (max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}.modal-panel{max-width:none;border-radius:var(--radius) var(--radius) 0 0;max-height:92vh;overflow-y:auto}}.panel-head h2{font-size:16px;margin:0;font-weight:700;letter-spacing:-.01em}.panel-head .hint{font-size:12.5px;color:var(--ink-faint);margin-top:3px}.table-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:600;color:var(--ink-faint);font-size:10.8px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #f0f2ee;vertical-align:top}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8f9f5}.pill{display:inline-block;padding:3.5px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.pill.status-pending_review{background:var(--wait-soft);color:var(--wait)}.pill.status-approved{background:var(--primary-soft);color:var(--primary)}.pill.status-purchased{background:var(--accent-soft);color:#8a5e1b}.pill.status-fulfilled{background:var(--success-soft);color:var(--success)}.pill.status-rejected{background:var(--danger-soft);color:var(--danger)}.pill.stock-ok{background:var(--success-soft);color:var(--success)}.pill.stock-low{background:var(--danger-soft);color:var(--danger)}.pill.status-in_use{background:var(--primary-soft);color:var(--primary)}.pill.status-in_store{background:#eef0ea;color:var(--ink-soft)}.pill.status-repair{background:var(--wait-soft);color:var(--wait)}.pill.status-retired{background:#eef0ea;color:var(--ink-faint)}a.btn,button.btn{padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--primary);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:background .15s ease,box-shadow .15s ease,transform .08s ease,border-color .15s ease}a.btn:hover,button.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 3px 10px rgba(15,23,20,.14)}a.btn:active,button.btn:active{transform:translateY(1px)}a.btn.secondary,button.btn.secondary{background:var(--panel);color:var(--primary);border-color:var(--line);box-shadow:none}a.btn.secondary:hover,button.btn.secondary:hover{background:var(--bg);box-shadow:none}a.btn.danger,button.btn.danger{background:var(--panel);color:var(--danger);border-color:#ecd4cd;box-shadow:none}a.btn.danger:hover,button.btn.danger:hover{background:var(--danger-soft);box-shadow:none}a.btn.small,button.btn.small{padding:6px 12px;font-size:12px;border-radius:7px}button.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.empty{padding:34px 10px;text-align:center;font-size:13px;border:1px dashed var(--line);border-radius:var(--radius-sm)}.empty,.muted{color:var(--ink-faint)}.banner{background:var(--accent-soft);color:#8a5e1b;border:1px solid #e9d6ad;padding:11px 15px;border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:16px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fbfbf9;font-size:13.5px;color:var(--ink);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.field textarea{resize:vertical;min-height:64px}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.detail{border-top:1px solid var(--line);margin-top:8px;padding-top:14px}.log-item{font-size:12.5px;color:var(--ink-soft);padding:6px 0;border-bottom:1px dashed #e8eae4}.log-item:last-child{border-bottom:none}.req-list{display:flex;flex-direction:column;gap:12px}.req-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .16s ease,border-color .16s ease}.req-card:hover{box-shadow:var(--shadow-md)}.req-card.focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.req-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fcfcfa;border-bottom:1px solid var(--line)}.req-card-head-main{display:flex;align-items:center;gap:10px;min-width:0}.req-card-title{font-size:13px;font-weight:700;letter-spacing:-.01em}.req-card-meta{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.req-card-count{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:22px;padding:0 7px;border-radius:7px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.req-line{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;border:none;border-bottom:1px solid #f1f3ef;transition:background .13s ease}.req-line:hover{background:#f8f9f5}.req-line:last-child{border-bottom:none}.req-line.open{background:#f8f9f5}.req-chev{color:var(--ink-faint);flex-shrink:0;transition:transform .16s ease}.req-line.open .req-chev{transform:rotate(90deg)}.req-line-name{font-size:13.2px;font-weight:600;min-width:0}.req-line-qty{font-size:11.5px;color:var(--ink-soft);background:var(--bg);border-radius:6px;padding:2px 7px;font-weight:600;flex-shrink:0}.req-line-sub{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.req-line-right{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0}.req-detail{padding:2px 16px 16px 42px;border-bottom:1px solid #f1f3ef;background:#fbfcfa}.req-card>.req-detail:last-child{border-bottom:none}.req-detail-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:5px 14px;gap:5px 14px;font-size:12.5px;margin-bottom:12px;align-items:baseline}.req-detail-grid dt{color:var(--ink-faint);font-weight:600;white-space:nowrap}.req-detail-grid dd{margin:0;color:var(--ink);word-break:break-word}.req-timeline{border-left:2px solid var(--line);padding-left:13px;margin:12px 0 0}.req-timeline-item{position:relative;font-size:12px;color:var(--ink-soft);padding:3px 0}.req-timeline-item:before{content:"";position:absolute;left:-18px;top:9px;width:7px;height:7px;border-radius:99px;background:var(--panel);border:2px solid var(--line)}.req-timeline-item.done:before{background:var(--primary);border-color:var(--primary)}.req-timeline-actor{font-weight:600;color:var(--ink)}.req-actions{margin-top:14px}.req-actions,.req-card-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.req-card-foot{justify-content:flex-end;padding:11px 16px;background:#fcfcfa;border-top:1px solid var(--line)}.req-card-foot-note{margin-right:auto;font-size:11.5px;color:var(--ink-faint)}.hint-pill{display:inline-block;padding:3.5px 10px;border-radius:99px;font-size:11px;font-weight:600;background:var(--bg);color:var(--ink-soft)}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:6px 13px;border-radius:99px;font-size:12.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;border:1px solid transparent;transition:background .14s ease,color .14s ease,border-color .14s ease}.tabs a:hover{background:var(--bg);color:var(--ink)}.tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tabs a .count{opacity:.65;margin-left:4px;font-weight:600}.bottom-nav{display:none}@media (max-width:900px){.sidebar{display:none}.topbar{height:56px;padding:0 12px;gap:8px}.topbar-brand{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#0a2b28);color:#fff;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.topbar-brand,.topbar-left{display:flex;align-items:center}.topbar-left{gap:9px;min-width:0}.topbar-title{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:4px}.topbar-divider,.user-chip-info{display:none}.user-chip{padding:3px}.main-inner{padding:16px 13px calc(88px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--line);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:9px;text-decoration:none;color:var(--ink-faint);font-size:9.5px;font-weight:600;letter-spacing:.01em;transition:color .14s ease,background .14s ease}.bottom-nav a svg{opacity:.85}.bottom-nav a.active{color:var(--primary);background:var(--primary-soft)}.bottom-nav a.active svg{opacity:1}.panel{padding:16px 14px;border-radius:10px}.panel-head{margin-bottom:14px}.row2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.card{padding:14px 15px}.card .num{font-size:25px}.req-line{flex-wrap:wrap;padding:11px 13px;row-gap:7px}.req-line-right{margin-left:auto}.req-line-name{font-size:13px}.req-detail{padding:2px 13px 14px 28px}.req-detail-grid{grid-template-columns:1fr;gap:1px}.req-detail-grid dt{margin-top:7px;font-size:11.5px}.req-detail-grid dd:first-of-type{margin-top:0}.req-card-head{flex-wrap:wrap;row-gap:6px}.req-card-foot,.req-card-head{padding:11px 13px}.req-card-foot-note{margin-right:0;width:100%}.req-actions .btn,.req-card-foot .btn{flex:1 1 auto;justify-content:center}.table-scroll{overflow:visible;margin:0;padding:0}.table-scroll table,.table-scroll tbody{display:block;width:100%}.table-scroll thead{display:none}.table-scroll tr{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px;margin-bottom:10px}.table-scroll tr:last-child{margin-bottom:0}.table-scroll td{display:block;padding:0;border:none}.table-scroll td:first-child{font-weight:700;font-size:13.5px;margin-bottom:8px}.table-scroll td:not(:first-child){display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px dashed #eef0ea;font-size:12.5px;text-align:right}.table-scroll td:not(:first-child):before{content:attr(data-label);color:var(--ink-faint);font-weight:600;font-size:11px;text-align:left;flex-shrink:0}.table-scroll td form{justify-content:flex-end}.notif-panel{position:fixed;left:10px;right:10px;top:62px;width:auto;max-width:none}.tabs{gap:3px;margin-bottom:13px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tabs a{white-space:nowrap}}@media (max-width:430px){.req-card-head>.req-card-meta{width:100%;text-align:left!important}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}@media print{.bottom-nav,.no-print,.sidebar,.topbar{display:none!important}.shell{display:block}.main-inner{max-width:none;padding:0;margin:0}body{background:#fff}}.page-loading{display:flex;align-items:center;justify-content:center;padding:80px 0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}