@font-face{font-family:"Cadrien Arabic";src:url("../../assets/fonts/arabic.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}:root{--ink:#1b3241;--blue:#295f6d;--line:#dbe3e5;--pale:#f2f6f6}*{box-sizing:border-box}body{margin:0;background:#f9fbfb;color:var(--ink);font:16px/1.75 "Cadrien Arrows","Cadrien Arabic",Arial,sans-serif}.notice{background:var(--ink);color:white;font-size:12px;text-align:center;padding:8px}header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 24px;border-bottom:1px solid var(--line)}header>span{color:#5d717c;font-size:13px}.logo{font-weight:bold;font-size:33px;line-height:1;text-decoration:none;color:inherit}.logo span{display:block;font-size:10px;letter-spacing:2px;margin-top:8px}main{max-width:1000px;margin:auto;padding:10px 24px 50px}.intro{padding:36px 0 23px}.intro>p:first-child{font-size:12px;color:var(--blue);font-weight:bold;letter-spacing:1px}h1{font-size:38px;line-height:1.3;margin:0 0 18px}h2{font-size:19px;margin:0}.intro p{color:#60737a;margin:10px 0}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;padding:10px 20px;border-radius:5px}.tabs button{border:0;border-radius:0;background:transparent;font-size:15px;padding:14px 25px}.tabs [aria-pressed="true"]{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:bold}form{background:white;padding:28px 30px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}label{display:block;font-size:13px;font-weight:bold}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #bacbd0;border-radius:4px;background:white;padding:11px 12px;font-size:15px;margin-top:7px;min-height:46px}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:13px;font-weight:bold;margin-bottom:10px}fieldset label{display:inline-flex;gap:6px;margin:0 0 6px 20px;border:1px solid var(--line);padding:7px 14px;border-radius:30px;align-items:center}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.filters{grid-template-columns:1fr 1fr 1fr;max-width:720px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}.actions button{font-size:14px}.primary{background:var(--blue);color:white;border-color:var(--blue);min-width:130px}#validation{font-size:13px;color:#b02d2d}.results{margin-top:34px}.results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.results-head p{font-size:13px;margin:0;color:#5d737a}.document{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:start}.file-icon{background:#e8f1f2;color:var(--blue);padding:14px 8px;text-align:center;font-size:11px;font-weight:bold;border-radius:5px}.document h3{font-size:17px;margin:0 0 4px}.document p{font-size:13px;color:#60777e;margin:0}.tag{font-size:11px;border:1px solid var(--line);padding:3px 11px;border-radius:20px;margin-top:5px}.empty{padding:35px;text-align:center;color:#60777e;background:var(--pale)}.about{padding:28px 0 0}.about p{font-size:13px;color:#60777e;max-width:720px}footer{border-top:1px solid var(--line);padding:22px;text-align:center;font-size:11px;color:#60777e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b36b27;outline-offset:4px}[hidden]{display:none!important}@media(max-width:650px){main{padding:8px 18px 35px}header{padding:22px 18px}header>span{font-size:10px}h1{font-size:30px}form{padding:22px 18px}.grid,.filters{grid-template-columns:1fr 1fr}.document{grid-template-columns:38px 1fr;gap:12px}.document .tag{grid-column:2;justify-self:start;margin-top:0}.notice{font-size:10px}.document h3{font-size:15px}.file-icon{padding:10px 5px}.intro{padding-top:24px}.tabs button{font-size:14px}.results-head{gap:12px}.results-head p{font-size:11px}}
