:root{--ink:#172033;--muted:#667085;--surface:#fff;--surface-soft:#f7f8fc;--line:#e4e7ec;--brand:#f3d53b;--brand-strong:#d9b900;--nav:#11131a;--success:#0f9f6e;--blue:#3d6fd6;--purple:#7757c7;--danger:#d92d20;--shadow-sm:0 1px 3px rgba(16,24,40,.08);--shadow-md:0 12px 32px rgba(16,24,40,.12);--radius-sm:10px;--radius-md:16px;--radius-lg:22px}*,:after,:before{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 0,rgba(243,213,59,.12),transparent 25rem),linear-gradient(180deg,#f8f9fc,#eef1f6);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}table{border-collapse:separate;border-spacing:0}.app-shell{min-height:100vh}.header{position:-webkit-sticky;position:sticky;top:0;z-index:500;width:100%;border-bottom:1px solid hsla(0,0%,100%,.08);background:rgba(17,19,26,.96);box-shadow:0 8px 24px rgba(16,24,40,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header nav{width:min(calc(100% - 40px),1240px);min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{flex:0 0 auto}.logo a{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:800;letter-spacing:-.02em}.logo a span{color:var(--brand)}.menu{justify-content:flex-end;gap:4px}.menu,.menu li{display:flex;align-items:center}.menu a{position:relative;display:block;padding:10px 12px;color:#d8dbe5;font-size:.94rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .16s ease,background .16s ease;border-radius:8px}.menu a:focus-visible,.menu a:hover{color:#fff;background:hsla(0,0%,100%,.08);outline:none}.menu .new-button{min-width:184px;height:44px;margin-left:8px;padding-inline:16px;color:#11131a;background:var(--brand);box-shadow:none}.menu .new-button:hover{background:#ffe55e;transform:translateY(-1px)}#menu-toggle,.menu-icon{display:none}.create{width:min(calc(100% - 40px),1120px);margin:48px auto 28px;padding:clamp(22px,3vw,34px);border:1px solid rgba(228,231,236,.9);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.92);box-shadow:var(--shadow-sm)}.create h1{margin:0 0 8px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.035em}.table-container{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c2c7d0 transparent}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-thumb{border-radius:999px;background:#c2c7d0}.custom-table{width:100%;min-width:760px;margin:18px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:.94rem;text-align:left}.custom-table td,.custom-table th{padding:14px 16px;vertical-align:middle}.custom-table thead tr{color:#f9fafb;background:#181b24;font-weight:700}.custom-table thead td:first-child{border-top-left-radius:12px}.custom-table thead td:last-child{border-top-right-radius:12px}.custom-table tbody tr{background:#fff;transition:background .14s ease}.custom-table tbody tr+tr td{border-top:1px solid var(--line)}.custom-table tbody tr:nth-child(2n){background:#fafbfc}.custom-table tbody tr:hover{background:#fffbed}.custom-table tbody td:nth-last-child(2),.custom-table tbody td:nth-last-child(3){white-space:nowrap}.custom-table td[onclick]{cursor:pointer}.custom-table .new-button{width:auto;min-width:78px;height:38px;padding:0 14px}.wrapper{width:min(calc(100% - 40px),1120px);margin:0 auto 52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.card{position:relative;min-width:0;min-height:230px;margin:0;padding:26px 24px 22px;display:flex;flex-direction:column;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--success)}.card:nth-child(3n+2):before{background:var(--blue)}.card:nth-child(3n):before{background:var(--purple)}.card:hover{transform:translateY(-4px);border-color:#d0d5dd;box-shadow:var(--shadow-md)}.card-content{margin:0!important;color:#4c566a;font-size:.91rem;line-height:1.7;letter-spacing:0}.card-btn{width:100%;min-height:42px;margin:auto 0 0!important;padding:10px 14px;display:block;color:#fff;background:#181b24;border:1px solid #181b24;border-radius:10px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-align:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.card-btn:focus-visible,.card-btn:hover{color:#11131a;background:var(--brand);border-color:var(--brand);outline:none;transform:translateY(-1px)}.input-Container{width:100%;display:flex;align-items:stretch;gap:12px}.modal-content .input-Container{flex-direction:column}.input-style{width:100%;min-height:48px;padding:11px 14px;color:var(--ink);background:#fff;border:1px solid #cfd4dc;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input-style::placeholder{color:#8a94a6}.input-style:hover{border-color:#98a2b3}.input-style:focus{border-color:#b99e00;box-shadow:0 0 0 4px rgba(243,213,59,.2)}.button-box{display:flex;gap:12px}.button-box,.new-button{width:100%;align-items:center}.new-button{min-height:48px;padding:0 20px;display:inline-flex;justify-content:center;color:#fff;background:#181b24;border:1px solid #181b24;border-radius:var(--radius-sm);box-shadow:0 8px 18px rgba(16,24,40,.14);font-size:.94rem;font-weight:750;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.new-button:hover{background:#2d313d;transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.18)}.new-button:active{transform:translateY(0)}.close:focus-visible,.menu-icon:focus-visible,.new-button:focus-visible{outline:3px solid rgba(243,213,59,.65);outline-offset:3px}.uploadMargin{margin-bottom:16px}.custum-file-upload{width:100%;min-height:190px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#f2f4f7;background:#20232d;border:2px dashed #667085;border-radius:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.custum-file-upload:hover{background:#292d39;border-color:var(--brand)}.custum-file-upload .icon{display:flex;align-items:center;justify-content:center}.custum-file-upload .icon svg{height:64px;fill:#f2f4f7}.custum-file-upload .text{text-align:center}.custum-file-upload input{display:none}.modal{position:fixed;inset:0;z-index:1000;padding:28px 20px;display:grid;place-items:center;overflow:auto;background:rgba(12,16,25,.66);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:modal-fade .16s ease-out}.modal-content{position:relative;width:min(100%,560px);max-height:calc(100vh - 56px);margin:auto;padding:28px;overflow:auto;color:var(--ink);background:var(--surface);border:1px solid hsla(0,0%,100%,.75);border-radius:var(--radius-md);box-shadow:0 28px 70px rgba(4,8,18,.28);animation:modal-rise .19s ease-out}.modal-content:has(.custom-table){width:min(100%,940px)}.modal-content h2{margin:0 42px 18px 0;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.modal-content .custom-table{margin-top:10px}.close{position:absolute;top:18px;right:20px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#667085;background:#f2f4f7;border-radius:999px;font-size:1.55rem;font-weight:400;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.close:hover{color:#101828;background:#e4e7ec;transform:rotate(4deg)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.loader-wrapper{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(12,16,25,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader{width:76px;height:76px;border:8px solid hsla(0,0%,100%,.35);border-top:8px solid var(--brand);border-radius:50%;box-shadow:0 0 0 14px hsla(0,0%,100%,.08);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}footer{margin-top:28px;padding:24px 0;color:#d8dbe5;background:var(--nav);border-top:1px solid hsla(0,0%,100%,.08)}.container{width:min(calc(100% - 40px),1120px);margin:0 auto}.footer-menu{justify-content:space-between;gap:24px}.footer-menu,.footer-menu ul{display:flex;align-items:center}.footer-menu ul{gap:8px}.footer-menu a{display:block;padding:7px 10px;color:#d8dbe5;border-radius:8px;font-size:.9rem;transition:color .15s ease,background .15s ease}.footer-menu a:hover{color:#fff;background:hsla(0,0%,100%,.08)}.copyright{font-size:.86rem}@media (max-width:1050px){.wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:8px;font-size:1.6rem;cursor:pointer}.menu-icon:hover{background:hsla(0,0%,100%,.08)}.menu{position:absolute;top:calc(100% + 1px);left:0;right:0;padding:14px 20px 20px;display:flex;flex-direction:column;align-items:stretch;gap:3px;background:rgba(17,19,26,.99);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 18px 30px rgba(16,24,40,.18);transform:scaleY(0);transform-origin:top;opacity:0;pointer-events:none;transition:transform .18s ease,opacity .14s ease}.menu a,.menu li{width:100%}.menu .new-button{width:100%;margin:8px 0 0}#menu-toggle:checked~.menu{transform:scaleY(1);opacity:1;pointer-events:auto}}@media (max-width:720px){body{overflow-x:hidden}.container,.create,.header nav,.wrapper{width:calc(100vw - 28px);max-width:100%}.header nav{min-height:68px}.create{margin-top:26px;padding:20px 16px;border-radius:var(--radius-md)}.wrapper{display:flex;flex-direction:column;gap:14px}.card{width:100%;max-width:100%;min-height:205px}.card-content{overflow-wrap:anywhere}.modal{padding:14px}.modal-content{max-height:calc(100vh - 28px);padding:24px 18px 20px}.button-box,.input-Container{flex-direction:column}.footer-menu{justify-content:center;text-align:center}.footer-menu ul{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}