:root{--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--card-foreground:#0f172a;--popover:#ffffff;--popover-foreground:#0f172a;--primary:#1e293b;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#1e293b;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#1e293b;--radius:0.5rem;--radius-sm:0.375rem;--radius-lg:0.75rem;--gold:#f59e0b;--gold-light:#fef3c7;--gold-foreground:#1e293b;--sidebar-bg:#1e293b;--sidebar-fg:#f8fafc;--sidebar-accent:#f59e0b;--sidebar-hover:rgba(255,255,255,0.08);--success:#22c55e;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--info:#3b82f6;--info-light:#eff6ff;--page-bg:#f8fafc;}[data-theme="dark"]{--background:#0f172a;--foreground:#e2e8f0;--card:#1e293b;--card-foreground:#e2e8f0;--popover:#1e293b;--popover-foreground:#e2e8f0;--primary:#f59e0b;--primary-foreground:#0f172a;--secondary:#1e293b;--secondary-foreground:#e2e8f0;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#334155;--accent-foreground:#e2e8f0;--border:#334155;--input:#334155;--ring:#f59e0b;--gold:#f59e0b;--gold-light:#422006;--gold-foreground:#0f172a;--sidebar-bg:#0c1222;--sidebar-fg:#e2e8f0;--sidebar-accent:#f59e0b;--sidebar-hover:rgba(255,255,255,0.08);--success:#22c55e;--success-light:#052e16;--warning-light:#422006;--info-light:#172554;--page-bg:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--warning:#f59e0b;--info:#3b82f6;}[data-theme="dark"] body{color-scheme:dark;}[data-theme="dark"] .table-th{background-color:#1e293b;color:#94a3b8;}[data-theme="dark"] .table-tr:hover{background-color:rgba(245,158,11,0.04);}[data-theme="dark"] .input,[data-theme="dark"] .textarea,[data-theme="dark"] select.input{background-color:#1e293b;border-color:#334155;color:#e2e8f0;}[data-theme="dark"] .head-title-btn-gray{background-color:#1e293b;border-color:#334155;color:#94a3b8;}[data-theme="dark"] .head-title-btn-gray:hover{background-color:#334155;color:#e2e8f0;}[data-theme="dark"] .stat-card,[data-theme="dark"] .stat-progress{background:#1e293b;border-color:#334155;}[data-theme="dark"] .chart-card{background:#1e293b;border-color:#334155;}[data-theme="dark"] .stat-sum-item{background:#1e293b;border-color:#334155;}[data-theme="dark"] .stat-sum-value{color:#f59e0b;}[data-theme="dark"] .g-note{background:#1e293b;border-color:#334155;color:#94a3b8;}[data-theme="dark"] *{transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;}*{padding:0;margin:0;font-family:cr;direction:rtl;box-sizing:border-box;}grammarly-desktop-integration{display:none;}@font-face{font-family:cr;src:url(fonts/Cairo-Regular.ttf);}@font-face{font-family:cbo;src:url(fonts/Cairo-Bold.ttf);}@font-face{font-family:cbl;src:url(fonts/Cairo-Black.ttf);}@font-face{font-family:csb;src:url(fonts/Cairo-SemiBold.ttf);}@font-face{font-family:cli;src:url(fonts/Cairo-Light.ttf);}@font-face{font-family:cel;src:url(fonts/Cairo-ExtraLight.ttf);}@font-face{font-family:coco;src:url(fonts/Coconut.ttf);}@font-face{font-family:dalek;src:url(fonts/DalekPinpointBold.ttf);}@keyframes shake{0%,100%{transform:rotateZ(0deg);}50%{transform:rotateZ(-25deg) scale(1.2);color:var(--destructive);}25%,75%{transform:rotateZ(25deg);}}@keyframes shake2{0%,100%{left:0;}50%{left:2px;color:var(--destructive);}25%,75%{left:-2px;}}@keyframes rotate{0%{transform:rotateZ(0deg);}100%{transform:rotateZ(360deg);}}@keyframes move{0%{left:120%;}100%{left:-20%;}}@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}@keyframes slideIn{from{transform:translateX(100%);}to{transform:translateX(0);}}body{background:var(--page-bg);color:var(--foreground);font-size:14px;line-height:1.6;}.main-holder{display:flex;flex-direction:column;height:100vh;background-color:var(--page-bg);}.logo-div{display:flex;background-color:var(--card);padding:0.75rem 1rem;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--border);}.logo{width:7em;}.input-div{display:flex;flex-direction:column;margin-bottom:0.5rem;flex:1;}.input-label{font-size:0.875rem;color:var(--foreground);padding:0.25rem 0;line-height:1.5;font-family:csb;font-weight:600;}.red-star{color:var(--destructive);font-size:1.25rem;line-height:0;vertical-align:baseline;padding:0 0.2rem;}.input-btn-holder{display:flex;}.input{flex:1;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--background);color:var(--foreground);transition:border-color 0.15s,box-shadow 0.15s;outline:none;}.input::placeholder{color:var(--muted-foreground);opacity:0.7;}.input:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgba(30,41,59,0.15);}.input-err{font-family:csb;color:var(--destructive);padding:0.25rem 0.5rem;font-size:0.8125rem;line-height:1;}.input option:disabled{color:var(--muted-foreground);opacity:0.5;}.input-select-all-label-div{display:flex;align-items:center;background-color:var(--gold-light);border-radius:var(--radius-sm);margin-bottom:0.2rem;}.input-select-all-input{margin:0.5rem;}.input-select-all-label{flex:1;font-size:0.75rem;font-weight:bold;padding:0.1rem 0.5rem;}.button-input-select-btn-div{border:1px solid var(--border);display:flex;border-radius:var(--radius-sm);overflow:hidden;}.button-input-select-btn{background-color:var(--muted);border:none;padding:0.25rem 0.75rem;display:flex;flex:1;align-items:center;cursor:pointer;transition:background 0.15s;}.button-input-select-btn:hover{background-color:var(--border);}.button-input-select-btn-icon,.button-input-select-btn-txt{font-size:0.875rem;color:var(--foreground);padding:0 0.25rem;}.button-input-select-btn-txt{font-family:csb;}.multiple-select-list option{border-bottom:1px solid var(--border);cursor:pointer;padding:0.25rem 0.75rem;border-right:0 solid transparent;transition:background 0.15s,padding 0.15s;}.multiple-select-list option:hover,.multiple-select-list option:checked{background-color:var(--muted);padding-right:1rem;border-bottom-color:var(--background);border-right:4px solid var(--gold);}.textarea{resize:vertical;min-height:120px;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--background);color:var(--foreground);outline:none;transition:border-color 0.15s,box-shadow 0.15s;}.textarea::placeholder{color:var(--muted-foreground);opacity:0.7;}.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgba(30,41,59,0.15);}.btns-div{display:flex;}.button-div,.button-gray-div{display:inline-flex;margin:0.1rem;}.button,.button-gray{padding:0.5rem 1rem;cursor:pointer;background-color:var(--primary);border:none;outline:none;color:var(--primary-foreground);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);text-decoration:none;font-family:csb;font-size:0.875rem;gap:0.375rem;transition:background 0.15s,box-shadow 0.15s;line-height:1;}.button:hover{background-color:#334155;}.button:active{background-color:#0f172a;}.button:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:default;}.button-gray{background-color:var(--background);color:var(--foreground);border:1px solid var(--border);}.button-gray:hover{background-color:var(--muted);}.button-gray:active{background-color:var(--border);}.button-icon,.button-gray-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;}.button-txt,.button-gray-txt,.button-link-txt{font-size:0.875rem;font-family:csb;}.button-link-txt{font-size:0.8125rem;}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:0.5rem;}.table-tr{transition:background 0.15s;}.table-tr:hover{background-color:var(--muted);}.table-th{padding:0.5rem 0.75rem;background-color:var(--muted);color:var(--muted-foreground);text-align:center;font-family:cbo;border-bottom:1px solid var(--border);font-size:0.8125rem;font-weight:600;}.table-td,.table-td-center,.table-td-border,.table-td-center-border{padding:0.5rem 0.75rem;color:var(--foreground);font-size:0.875rem;vertical-align:middle;}.table-td-border,.table-td-center-border{border-bottom:1px solid var(--border);}.table-td-center,.table-td-center-border{text-align:center;}.table-btn,.table-btn-red{display:inline-flex;justify-content:center;align-items:center;color:var(--muted-foreground);cursor:pointer;text-decoration:none;transition:color 0.15s;font-size:0.875rem;padding:0.25rem;}.table-btn:hover{color:var(--foreground);}.table-btn-red{color:rgba(239,68,68,0.5);}.table-btn-red:hover{color:var(--destructive);}.table-span-gray,.table-span-red,.table-span-orange,.table-span-green{font-size:0.75rem;font-family:csb;padding:0.1rem 0.5rem;background-color:var(--muted);color:var(--foreground);border-radius:9999px;display:inline-block;}.table-span-red{background-color:var(--destructive);color:var(--destructive-foreground);}.table-span-orange{background-color:var(--gold-light);color:#92400e;}.table-span-green{background-color:var(--success);color:#fff;}.table-hidden-div{max-height:0;overflow:hidden;opacity:0;border-bottom:1px solid var(--border);transition:max-height 0.25s ease,opacity 0.25s ease;}.table-hidden-btn{color:var(--muted-foreground);cursor:pointer;transition:color 0.15s,transform 0.25s;font-size:0.875rem;}.table-hidden-btn:hover{color:var(--foreground);}.table-hidden-table{margin:1rem;border:1px solid var(--border);border-collapse:collapse;width:calc(100% - 2rem);border-radius:var(--radius-sm);overflow:hidden;}.table-hidden-th{border-bottom:1px solid var(--border);font-size:0.8125rem;font-family:csb;width:25%;padding:0.5rem;}.table-hidden-td{border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:0.875rem;color:var(--foreground);padding:0.5rem;}.table-icon-gray{color:var(--muted-foreground);}.table-icon-red{color:var(--destructive);}.table-icon-green{color:var(--success);}.table-hidden-button{font-size:0.75rem;padding:0.25rem 0.75rem;cursor:pointer;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);transition:background 0.15s;}.table-hidden-button:hover{background:#334155;}.table-filter-holder{display:flex;align-items:center;background-color:var(--primary);border-radius:var(--radius);overflow:hidden;}.table-big-title{flex:1;font-size:1.5rem;line-height:1;padding:0.75rem 1rem;color:var(--primary-foreground);font-family:csb;}.table-search-filter-div{display:flex;padding:0.5rem;}.table-search-filter-input-holder{display:flex;background:var(--background);border-radius:var(--radius-sm);overflow:hidden;}.table-search-filter-select[lang=en],.table-search-filter-select[lang=ar]{padding:0.375rem 0.75rem;border:none;outline:none;font-size:0.875rem;}.table-search-filter-select[lang=ar]{border-left:1px solid var(--border);}.table-search-filter-select[lang=en]{border-right:1px solid var(--border);}.table-search-filter-select-opt{color:var(--foreground);padding:0.5rem;}.table-search-filter-input{padding:0.375rem 0.75rem;border:none;outline:none;color:var(--foreground);font-size:0.875rem;}.table-search-filter-input::placeholder{color:var(--muted-foreground);}.table-search-filter-btn{padding:0.375rem 0.875rem;border:none;background-color:var(--muted);color:var(--muted-foreground);display:flex;align-items:center;cursor:pointer;transition:color 0.15s,background 0.15s;}.table-search-filter-btn:hover{background-color:var(--border);color:var(--foreground);}.table-search-filter-back-btn{color:var(--primary-foreground);text-decoration:none;font-family:csb;}.g-note,.g-note-err{padding:1.5rem;text-align:center;background-color:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.5rem;flex:1;animation:fadeIn 0.3s ease;}.g-note-err{background-color:rgba(239,68,68,0.05);color:var(--destructive);border-color:rgba(239,68,68,0.2);}.side-note-div{display:flex;flex-direction:column;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.5rem;overflow:hidden;}.side-note-head{display:flex;align-items:center;padding:0.75rem 1rem;background:var(--muted);}.side-note-icon{padding:0.25rem;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem;}.side-note-title{font-size:0.875rem;color:var(--primary);font-family:cbo;}.side-note-des{color:var(--foreground);font-size:0.8125rem;padding:0.75rem 1rem;line-height:1.5;}.note-div,.note-div-err,.note-div-warning,.note-div-complete{flex:1;text-align:center;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem 1rem;margin:0.25rem 0;font-size:0.875rem;color:var(--foreground);animation:fadeIn 0.25s ease;}.note-div-err{background-color:rgba(239,68,68,0.05);border-color:rgba(239,68,68,0.2);color:var(--destructive);}.note-div-warning{background-color:var(--gold-light);border-color:var(--gold);color:#92400e;}.note-div-complete{background-color:var(--success-light);border-color:var(--success);color:var(--foreground);}.note-info-line,.note-info-line-correct{display:flex;align-items:center;padding:0.375rem 0.5rem;color:var(--destructive);background-color:rgba(239,68,68,0.05);border-radius:var(--radius-sm);}.note-info-line-correct{color:var(--success);background-color:rgba(34,197,94,0.05);}.note-info-line-icon{padding:0 0.25rem;font-size:0.875rem;}.note-info-line-txt{padding:0 0.25rem;font-size:0.75rem;flex:1;}.static-info-div,.static-info-div-border{display:flex;flex-direction:column;padding:0.75rem 1rem;margin:0.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;flex:1;}.static-info-div-border{border-bottom:2px solid var(--gold);}.static-info-title{color:var(--muted-foreground);font-size:0.8125rem;font-family:csb;text-transform:uppercase;letter-spacing:0.025em;}.static-info-des{color:var(--muted-foreground);font-size:0.75rem;}.static-info-value{color:var(--foreground);font-size:1.75rem;padding:0.25rem 0;line-height:1;font-family:cbo;}.opts-div{display:flex;flex-direction:column;margin-bottom:0.5rem;}.opts-inputs-div{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}.opt-input-div{padding:0.5rem 0.75rem;display:flex;align-items:center;border-bottom:1px solid var(--border);transition:background 0.15s;}.opt-input-div:last-child{border-bottom:none;}.opt-input-div:hover{background-color:var(--muted);}.opts-input{margin-left:0.75rem;accent-color:var(--primary);}.opts-label{color:var(--foreground);flex:1;cursor:pointer;}.opts-label-title{font-size:0.875rem;font-family:csb;}.opts-label-des{font-size:0.75rem;color:var(--muted-foreground);}.span-color,.span-color-red,.span-color-green,.span-color-yellow{font-size:0.75rem;font-family:csb;border-radius:9999px;padding:0.05rem 0.5rem;margin:0 0.1rem;display:inline-block;line-height:1.6;color:var(--foreground);background-color:var(--muted);}.span-color-red{color:var(--primary-foreground);background-color:var(--destructive);}.span-color-green{color:var(--primary-foreground);background-color:var(--success);}.span-color-yellow{background-color:var(--gold-light);color:#92400e;}.page-a,.page-a-active{text-decoration:none;font-size:0.875rem;margin:0.1rem;background-color:var(--card);min-width:2rem;height:2rem;display:inline-flex;justify-content:center;align-items:center;color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border 0.15s,color 0.15s,background 0.15s;}.page-a:hover{border-color:var(--foreground);color:var(--foreground);background-color:var(--muted);}.page-a-active{border-color:var(--primary);color:var(--primary-foreground);background-color:var(--primary);cursor:default;}.pagination-holder{display:flex;align-items:center;}.pagination-btn,.pagination-btn-active{font-size:0.875rem;text-decoration:none;width:2rem;height:2rem;margin:0.1rem;display:flex;justify-content:center;align-items:center;color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color 0.15s,border 0.15s;}.pagination-btn-active{border-color:var(--primary);color:var(--primary-foreground);background:var(--primary);cursor:default;}.pagination-btn:hover{border-color:var(--foreground);color:var(--foreground);}.head-title-div{display:flex;justify-content:space-between;align-items:center;margin:0.5rem 0;padding:0.5rem 0;}.head-title-title{font-size:1.25rem;color:var(--foreground);font-family:csb;flex:1;padding:0.25rem 0;}.head-title-btns-holder{display:flex;gap:0.375rem;}.head-title-btn,.head-title-btn-gray{color:var(--primary-foreground);padding:0.375rem 0.875rem;background-color:var(--gold);text-decoration:none;font-family:csb;cursor:pointer;border-radius:var(--radius-sm);font-size:0.8125rem;transition:background 0.15s,box-shadow 0.15s;display:inline-flex;align-items:center;gap:0.375rem;border:none;}.head-title-btn:hover{background-color:#e67e00;box-shadow:0 1px 3px rgba(0,0,0,0.12);}.head-title-btn-gray{color:var(--foreground);background-color:var(--background);border:1px solid var(--border);}.head-title-btn-gray:hover{background-color:var(--muted);}.loading-div{position:fixed;left:0;top:0;z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(30,41,59,0.3);height:100vh;width:100vw;backdrop-filter:blur(2px);}.loading-circle{width:2.5rem;height:2.5rem;border:3px solid var(--gold);border-bottom-color:transparent;border-radius:50%;animation:rotate 0.8s infinite linear;}.request-notification{flex:1;background-color:var(--success-light);border:1px solid var(--success);border-radius:var(--radius);padding:0.75rem 1rem;margin-bottom:0.5rem;display:flex;align-items:center;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.15s;}.request-notification:hover{transform:translateY(-1px);}.request-notification:before{content:"";background:linear-gradient(to bottom left,transparent,rgba(255,255,255,0.6),transparent);height:200%;width:50px;transform:rotateZ(45deg);position:absolute;left:-20%;top:-50%;animation:move 1s infinite ease-in-out;}.request-notification-txt{font-size:1rem;font-family:csb;padding:0 0.5rem;color:var(--success);}.request-notification-icon{font-size:1.1rem;padding:0 0.5rem;color:var(--success);}.footer-div{display:flex;align-items:center;justify-content:center;padding:0.5rem;}.copy-rights{font-size:0.75rem;color:var(--muted-foreground);text-align:center;}.images-shower-div{display:flex;flex-direction:column;position:relative;}.images-shower-img-div{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;justify-content:center;}.images-shower-img{width:100%;height:100vh;}.images-shower-btns{padding:0.5rem 0;display:flex;justify-content:center;}.images-shower-btn{font-size:1.5rem;width:2.5rem;height:2.5rem;margin:0 0.25rem;cursor:pointer;color:var(--foreground);opacity:0.3;background:rgba(0,0,0,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s;}.images-shower-btn:hover{opacity:0.7;}.images-shower-small-imgs-div{display:flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.images-shower-small-img-div,.images-shower-small-img-div-active{width:calc(10% - 4px);height:6em;overflow:hidden;display:flex;justify-content:center;align-items:center;border:2px solid var(--border);cursor:pointer;opacity:0.6;transition:opacity 0.15s,border 0.15s;}.images-shower-small-img-div:hover{opacity:1;border-color:var(--muted-foreground);}.images-shower-small-img-div-active{border-color:var(--primary);opacity:1;cursor:default;}.images-shower-small-img-img{width:100%;}.files-uploader-div{flex:1;background-color:var(--muted);border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;color:var(--muted-foreground);margin-bottom:0.5rem;cursor:pointer;transition:background 0.15s,border-color 0.15s;}.files-uploader-div:hover{border-color:var(--primary);background-color:var(--accent);}.files-uploader-icon{font-size:2rem;}.files-uploader-txt{font-family:csb;font-size:0.875rem;margin-top:0.5rem;}.files-uploader-file-holder{display:flex;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:0.25rem;}.files-uploader-file-holder-icon{font-size:0.875rem;padding:0.75rem;background-color:var(--muted);}.files-uploader-file-holder-txt{padding:0 1rem;flex:1;align-self:center;font-size:0.875rem;}.files-uploader-file-holder-del-btn{font-size:0.875rem;color:var(--destructive-foreground);padding:0.75rem;background-color:var(--destructive);cursor:pointer;}.popup-holder{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:2;backdrop-filter:blur(2px);}.popup-div{width:30%;min-width:360px;background-color:var(--card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}.popup-head{display:flex;flex-direction:column;}.popup-title{flex:1;font-size:0.875rem;font-family:csb;background-color:var(--muted);color:var(--foreground);padding:0.5rem 0.75rem;}.popup-body{padding:1rem;display:flex;flex-direction:column;gap:0.5rem;}.popup-input{border:1px solid var(--input);border-radius:var(--radius-sm);padding:0.5rem 0.75rem;font-size:0.875rem;outline:none;transition:border-color 0.15s;}.popup-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgba(30,41,59,0.1);}.popup-footer{padding:0 1rem 1rem 1rem;display:flex;gap:0.5rem;}.popup-btn,.popup-btn-cancel{margin:0.1rem;padding:0.375rem 1rem;font-size:0.8125rem;color:var(--primary-foreground);background-color:var(--primary);border:none;cursor:pointer;border-radius:var(--radius-sm);font-family:csb;transition:background 0.15s;}.popup-btn:hover{background:#334155;}.popup-btn-cancel{background-color:var(--muted);color:var(--foreground);border:1px solid var(--border);}.popup-btn-cancel:hover{background:var(--border);}.iframe-cp{display:flex;align-items:center;background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:0.5rem;overflow:hidden;}.iframe-btn{padding:0.5rem 0.75rem;cursor:pointer;font-size:0.875rem;color:var(--foreground);transition:background 0.15s;}.iframe-btn:hover{background-color:var(--border);}.iframe{border:1px solid var(--border);border-radius:var(--radius-sm);}.big-img-holder{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.6);position:fixed;z-index:2;top:0;height:100vh;width:100vw;backdrop-filter:blur(4px);}.big-img-viewer{display:flex;justify-content:center;height:90vh;width:90vw;overflow:auto;}.big-pdf-iframe{width:100vw;height:100vh;border:none;}.big-img-img{margin:1rem;transition:height 0.25s;}.big-img-control{display:flex;justify-content:space-between;position:absolute;bottom:0;left:1rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:rgba(0,0,0,0.3);transition:background 0.15s;}.big-img-control:hover{background:rgba(0,0,0,0.6);}.big-img-btn{font-size:1.1rem;color:#fff;padding:0.5rem 0.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;}.big-img-btn:hover{background:rgba(255,255,255,0.2);}.image-viewer-holder{display:flex;flex-direction:column;align-items:center;margin-bottom:0.5rem;}.image-viewer-title{font-family:csb;font-size:0.875rem;color:var(--foreground);margin-bottom:0.5rem;}.image-viewer-img{width:100%;border-radius:var(--radius);border:1px solid var(--border);}.image-viewer-btns-div{display:flex;gap:0.25rem;margin-top:0.5rem;}.image-viewer-btn{font-size:1rem;padding:0.375rem;color:var(--muted-foreground);cursor:pointer;transition:color 0.15s;}.image-viewer-btn:hover{color:var(--foreground);}.vlan-tag{display:inline-flex;align-items:center;gap:0.25rem;background:var(--muted);border:1px solid var(--border);border-radius:9999px;padding:0.1rem 0.5rem;font-size:0.75rem;margin:0 0.1rem;}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.logo-div{justify-content:center;padding:1.5rem;}.logo{width:26em;}.head-title-title{font-size:2.4em;}.head-title-btn{font-size:1.8em;}.footer-div{padding:1.5rem;}.copy-rights{font-size:0.8em;}.opts-input{transform:scale(2);margin:1rem 2rem;}.opts-label{font-size:2rem;}.button-div,.button-gray-div{margin:1rem;}}