:root{
--ink:#132a38;
--muted:#6c7b87;
--teal:#087a6b;
--teal-dark:#066557;
--teal-light:#e5f4ef;
--navy:#132a38;
--surface:#f5f7f9;
--line:#e4e9ed;
--bs-primary:#087a6b;
--bs-primary-rgb:8,122,107;
--bs-link-color:#087a6b;
--bs-link-hover-color:#066557;
--bs-body-color:#243b4b;
--bs-body-font-family:Inter,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}
*{
box-sizing:border-box}
body{
background:var(--surface);
font-size:14px;
line-height:1.65}
a{
text-decoration:none}
button,input,select,textarea{
font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid #78bfb4;
outline-offset:3px}
svg{
stroke:currentColor;
stroke-width:1.65;
fill:none;
stroke-linecap:round;
stroke-linejoin:round}
.sidebar{
position:fixed;
inset:0 auto 0 0;
width:232px;
background:var(--navy);
color:#c6d1d8;
padding:28px 16px 16px;
display:flex;
flex-direction:column;
z-index:1030}
.brand{
display:flex;
gap:12px;
align-items:center;
color:white;
font-weight:700;
font-size:23px;
letter-spacing:-.8px;
margin:0 10px 32px}
.brand:hover{
color:white}
.brand-mark{
width:37px;
height:42px;
color:#66d2bb;
display:grid;
place-items:center}
.brand-mark svg{
width:35px;
height:35px;
stroke-width:1.7}
.brand-tag{
font-size:8px;
display:block;
letter-spacing:2.1px;
font-weight:500;
color:#8caaa8;
margin-top:-4px}
.workspace-label{
font-size:10px;
border:1px solid #3b4b55;
border-radius:6px;
padding:9px 10px;
margin:0 8px 27px;
letter-spacing:.4px;
display:flex;
gap:7px;
align-items:center;
color:#a8bbc5}
.workspace-dot{
display:inline-block;
width:6px;
height:6px;
border-radius:100%;
background:#45c9a8;
flex:none}
.nav-section-label{
font-size:9px;
letter-spacing:1.6px;
color:#8297a4;
margin:0 12px 10px;
font-weight:600}
.workspace-nav{
display:grid;
gap:4px}
.workspace-nav a{
display:flex;
align-items:center;
gap:12px;
padding:11px 14px;
border-radius:6px;
font-size:12px;
color:#b2c1ca;
position:relative}
.workspace-nav a:hover{
background:#213c4b;
color:white}
.workspace-nav a.active{
background:#24463f;
color:#b6f0df;
font-weight:600}
.workspace-nav a.active:before{
content:"";
position:absolute;
left:-16px;
top:10px;
bottom:10px;
width:3px;
background:#52c8ad;
border-radius:0 2px 2px 0}
.workspace-nav svg{
width:18px;
height:18px;
flex:none}
.sidebar-bottom{
margin-top:auto;
padding-top:26px}
.environment-note{
font-size:9px;
color:#91aaa9;
display:flex;
align-items:center;
gap:7px;
padding:0 10px 18px}
.account-link{
display:flex;
align-items:center;
gap:10px;
color:#d9e3e8;
border-top:1px solid #2d4350;
padding:17px 9px 12px}
.account-link:hover{
color:white}
.avatar{
width:32px;
height:32px;
border-radius:8px;
display:grid;
place-items:center;
background:#34535e;
color:#cde5e4;
font-size:12px;
font-weight:600;
flex:none}
.account-text{
min-width:0}
.account-text strong{
font-size:11px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.account-text small{
font-size:9px;
color:#91a7b3;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.logout-button{
background:none;
border:0;
color:#96acb7;
width:100%;
padding:5px 10px;
font-size:10px;
text-align:left}
.logout-button:hover{
color:white}
.logout-button span{
float:right}
.workspace{
margin-left:232px;
min-height:100vh}
.topbar{
height:64px;
border-bottom:1px solid var(--line);
background:#fff;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 36px}
.breadcrumb-line{
display:flex;
align-items:center;
gap:13px;
font-size:11px;
color:#8b969e}
.breadcrumb-line strong{
font-weight:500;
color:#435863}
.breadcrumb-divider{
color:#c9d1d6}
.private-label{
font-size:9px;
letter-spacing:1px;
display:flex;
gap:7px;
align-items:center;
color:#7e9291;
font-weight:600}
.private-label .workspace-dot{
width:5px;
height:5px;
background:#2ca18a}
.sidebar-toggle{
display:none;
background:none;
border:0;
padding:6px;
color:var(--ink)}
.sidebar-toggle svg{
height:20px;
width:20px}
.main-content{
padding:32px 36px 45px;
max-width:1600px;
margin:auto}
.page-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:28px}
.page-eyebrow{
font-size:9px;
letter-spacing:1.9px;
font-weight:700;
color:var(--teal);
margin-bottom:6px}
.page-header h1{
font-size:26px;
font-weight:650;
letter-spacing:-.7px;
color:var(--ink);
margin:0 0 6px}
.page-header p{
font-size:12px;
color:var(--muted);
margin:0}
.btn{
font-size:12px;
padding:9px 16px;
border-radius:6px;
font-weight:550;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
white-space:nowrap}
.btn svg{
width:15px;
height:15px}
.btn-primary{
--bs-btn-bg:var(--teal);
--bs-btn-border-color:var(--teal);
--bs-btn-hover-bg:var(--teal-dark);
--bs-btn-hover-border-color:var(--teal-dark);
--bs-btn-active-bg:var(--teal-dark);
--bs-btn-active-border-color:var(--teal-dark)}
.btn-outline-secondary{
--bs-btn-color:#536572;
--bs-btn-border-color:#d9e1e6;
--bs-btn-hover-bg:#eef2f4;
--bs-btn-hover-color:var(--ink);
--bs-btn-hover-border-color:#bdcbd4;
background:white}
.btn-sm{
padding:6px 11px;
font-size:11px}
.btn-link{
font-size:11px;
text-decoration:none;
padding:0}
.panel{
background:white;
border:1px solid var(--line);
border-radius:9px;
box-shadow:0 1px 2px #102a3803;
overflow:hidden;
margin-bottom:22px}
.panel-header{
padding:20px 22px;
border-bottom:1px solid var(--line);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px}
.panel-header h2{
font-size:14px;
font-weight:650;
color:var(--ink);
margin:0}
.panel-header p{
font-size:11px;
color:var(--muted);
margin:4px 0 0}
.panel-body{
padding:22px}
.panel-title-icon{
display:inline-flex;
align-items:center;
gap:9px}
.panel-title-icon svg{
width:18px;
height:18px;
color:var(--teal)}
.count-chip{
background:#eef3f5;
border-radius:5px;
color:#67808d;
font-size:10px;
padding:3px 7px;
margin-left:7px;
font-weight:500}
.stat-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:15px;
margin-bottom:27px}
.stat-card{
background:white;
border:1px solid var(--line);
border-radius:8px;
padding:19px 20px}
.stat-heading{
display:flex;
justify-content:space-between;
align-items:center;
font-size:11px;
color:#70828e}
.stat-heading svg{
width:17px;
height:17px;
color:#9babb5}
.stat-value{
font-size:32px;
font-weight:650;
letter-spacing:-1px;
line-height:1.5;
margin-top:8px;
color:var(--ink)}
.stat-note{
font-size:9px;
color:#9aa6ae;
margin-top:1px}
.stat-card.attention{
border-top:2px solid #d8a34c}
.stat-card.attention .stat-value{
color:#af7d21}
.stat-card.healthy .stat-value{
color:var(--teal)}
.dashboard-grid{
display:grid;
grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);
gap:23px}
.table{
font-size:11px;
margin-bottom:0;
--bs-table-color:#455d6c}
.table>:not(caption)>*>*{
padding:14px 20px;
border-color:#edf1f3;
vertical-align:middle}
.table thead th{
font-size:10px;
color:#8a9aa5;
font-weight:500;
background:#fbfcfd;
padding-top:10px;
padding-bottom:10px;
white-space:nowrap}
.table tbody tr:last-child td{
border-bottom:0}
.table-name{
font-size:12px;
font-weight:600;
color:var(--ink)}
.table-name:hover{
color:var(--teal)}
.table-subline{
font-size:9px;
color:#98a4ad;
margin-top:3px;
max-width:250px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.mono{
font-family:"Cascadia Code",Consolas,"Liberation Mono",monospace}
.status-badge{
display:inline-flex;
align-items:center;
gap:5px;
white-space:nowrap;
background:#e9f6f0;
color:#258763;
border-radius:4px;
font-size:9px;
font-weight:600;
padding:4px 7px}
.status-badge:before{
content:"";
height:4px;
width:4px;
background:currentColor;
border-radius:50%}
.status-badge[data-status="期限接近"]{
background:#fff4df;
color:#b17e27}
.status-badge[data-status="失効"],.status-badge[data-status="期限切れ"]{
background:#fcebec;
color:#b9696e}
.status-badge[data-status="未有効"]{
background:#edf0f3;
color:#7a8a96}
.type-badge{
font-size:9px;
border:1px solid #d9e4e8;
background:#f8fafb;
color:#708993;
padding:3px 6px;
border-radius:4px;
white-space:nowrap}
.empty-state{
text-align:center;
padding:36px 22px;
color:var(--muted)}
.empty-state svg{
width:35px;
height:35px;
color:#aac1c5;
margin-bottom:13px}
.empty-state h3{
font-size:13px;
color:#546f7c;
font-weight:600;
margin:0 0 6px}
.empty-state p{
font-size:11px;
margin-bottom:15px}
.quick-start-list{
list-style:none;
margin:0;
padding:0}
.quick-start-list li{
display:flex;
gap:13px;
margin-bottom:23px}
.quick-start-list li:last-child{
margin-bottom:0}
.step-number{
height:24px;
width:24px;
display:grid;
place-items:center;
border-radius:6px;
background:var(--teal-light);
color:var(--teal);
font-size:11px;
flex:none;
font-weight:650}
.quick-start-list h3{
font-size:12px;
font-weight:600;
margin:2px 0 5px;
color:var(--ink)}
.quick-start-list p{
font-size:11px;
color:#8a9aa5;
line-height:1.7;
margin:0 0 6px}
.subtle-note{
padding:15px 18px;
background:#f6faf9;
border:1px solid #e1eeea;
border-radius:7px;
font-size:11px;
color:#719189;
line-height:1.8}
.subtle-note strong{
color:#3c7264;
font-weight:600}
.section-footer{
padding:12px 22px;
background:#fcfdfd;
border-top:1px solid var(--line);
font-size:10px;
color:#90a0a9;
display:flex;
align-items:center;
justify-content:space-between}
.table-toolbar{
padding:18px 20px;
display:flex;
gap:12px;
align-items:center;
border-bottom:1px solid var(--line)}
.search-field{
max-width:340px;
position:relative;
flex:1;
min-width:140px}
.search-field svg{
position:absolute;
left:11px;
top:10px;
width:15px;
height:15px;
color:#9aabb6}
.search-field input{
padding-left:34px}
.table-toolbar select{
width:auto;
min-width:126px}
.form-control,.form-select{
font-size:12px;
padding:9px 11px;
border-color:#dce4e9;
border-radius:5px;
color:#3f5866}
.form-control::placeholder{
color:#a1afb8}
.form-control:focus,.form-select:focus{
border-color:#75b9ab;
box-shadow:0 0 0 .2rem #087a6b12}
.form-control-sm,.form-select-sm{
padding-top:8px;
padding-bottom:8px;
font-size:11px}
.form-label{
font-size:11px;
font-weight:600;
color:#526975;
margin-bottom:7px}
.required{
color:#b8766b;
margin-left:3px}
.form-text{
font-size:10px;
color:#8a9ca7;
line-height:1.7;
margin-top:7px}
.invalid-feedback,.text-danger{
font-size:11px}
.form-section{
padding:24px;
border-bottom:1px solid var(--line)}
.form-section:last-child{
border:0}
.form-section-heading{
display:flex;
gap:11px;
margin-bottom:22px;
align-items:flex-start}
.form-section-heading .step-number{
width:25px;
height:25px}
.form-section-heading h2{
font-size:13px;
font-weight:650;
margin:2px 0 4px}
.form-section-heading p{
font-size:10px;
color:#8b9ba5;
margin:0}
.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:19px 22px}
.form-grid .full-width{
grid-column:1/-1}
.issue-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 255px;
gap:23px;
align-items:start}
.issue-side{
position:sticky;
top:20px}
.issue-side h3{
font-size:12px;
font-weight:650}
.issue-side p,.issue-side li{
font-size:11px;
color:#8698a3;
line-height:1.9}
.issue-side ul{
padding-left:17px;
margin-bottom:0}
.selection-toggle{
display:flex;
gap:10px}
.selection-option{
position:relative;
flex:1}
.selection-option input{
position:absolute;
inset:14px auto auto 14px;
accent-color:var(--teal)}
.selection-option label{
border:1px solid #dce4e9;
border-radius:6px;
display:block;
padding:12px 13px 12px 36px;
cursor:pointer;
background:#fff;
font-size:12px;
font-weight:600;
color:#566e79}
.selection-option input:checked+label{
border-color:#64a99a;
background:#f2faf7;
color:var(--teal)}
.selection-option label small{
display:block;
font-size:9px;
font-weight:400;
color:#8a9fa9;
margin-top:4px}
.form-actions{
display:flex;
justify-content:space-between;
gap:12px;
align-items:center;
padding:21px 24px;
background:#fcfdfd;
border-top:1px solid var(--line)}
.form-actions .form-text{
margin:0}
.advanced-settings summary{
font-size:11px;
color:#5e7f89;
cursor:pointer;
padding:5px 0}
.advanced-settings[open] summary{
margin-bottom:18px}
.detail-grid{
display:grid;
grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);
gap:23px;
align-items:start}
.metadata-list{
display:grid;
grid-template-columns:135px minmax(0,1fr);
gap:16px 20px;
margin:0;
font-size:11px}
.metadata-list dt{
font-weight:500;
color:#8b9ca6}
.metadata-list dd{
margin:0;
color:#445f6e;
overflow-wrap:anywhere}
.metadata-list dd.mono{
font-size:10px}
.detail-subject{
font-size:12px;
line-height:1.9;
padding:13px 15px;
background:#f7f9fa;
border-radius:5px;
border:1px solid #e9eef1;
color:#6e8491;
overflow-wrap:anywhere;
margin-bottom:21px}
.chain-list{
list-style:none;
margin:0;
padding:0}
.chain-list li{
position:relative;
padding:0 0 21px 34px;
font-size:11px}
.chain-list li:before{
content:"";
width:12px;
height:12px;
border:2px solid #77afa1;
background:white;
border-radius:4px;
position:absolute;
top:3px;
left:2px}
.chain-list li:not(:last-child):after{
content:"";
position:absolute;
width:1px;
left:8px;
top:19px;
bottom:5px;
background:#d9e6e1}
.chain-list li:last-child{
padding-bottom:0}
.chain-list a{
font-weight:600;
color:#466a75}
.chain-list small{
display:block;
color:#98aab4;
margin-top:4px}
.download-options{
display:flex;
flex-direction:column;
gap:9px}
.download-option{
display:flex;
align-items:center;
justify-content:space-between;
border:1px solid #e3e9ed;
padding:12px 14px;
border-radius:6px;
color:#526c7a;
font-size:11px}
.download-option:hover{
background:#f5faf8;
border-color:#b8d6ce;
color:var(--teal)}
.download-option strong{
font-weight:600;
display:block}
.download-option small{
font-size:9px;
color:#90a4af;
display:block;
margin-top:2px}
.download-option svg{
width:16px;
height:16px}
.warning-note{
background:#fff8e9;
border:1px solid #f0e1b9;
border-radius:6px;
padding:13px 15px;
color:#a18347;
font-size:10px;
line-height:1.8}
.danger-note{
background:#fff4f4;
border:1px solid #f1dede;
border-radius:6px;
padding:13px 15px;
color:#ad7272;
font-size:11px;
line-height:1.8}
.audit-list{
list-style:none;
margin:0;
padding:0}
.audit-list li{
display:flex;
gap:14px;
padding:14px 0;
border-bottom:1px solid #edf1f3;
font-size:11px}
.audit-list li:first-child{
padding-top:0}
.audit-list li:last-child{
border:0;
padding-bottom:0}
.audit-list time{
color:#9ba9b2;
font-size:9px;
white-space:nowrap}
.audit-list strong{
font-weight:600;
color:#526f7c}
.audit-list p{
font-size:10px;
color:#90a0aa;
margin:4px 0 0}
.dt-container .dt-layout-row{
padding:0 20px;
font-size:10px;
color:#8d9da7}
.dt-container .dt-layout-row:last-child{
padding-top:12px;
padding-bottom:12px;
border-top:1px solid var(--line)}
.dt-container .dt-layout-row.dt-layout-table{
padding:0}
.dt-container .dt-info{
font-size:10px}
.dt-container .pagination{
--bs-pagination-font-size:11px;
--bs-pagination-active-bg:var(--teal);
--bs-pagination-active-border-color:var(--teal);
--bs-pagination-color:#748997;
--bs-pagination-border-color:#e3e9ed;
--bs-pagination-padding-x:.6rem;
--bs-pagination-padding-y:.3rem}
.dataTables_wrapper .dataTables_processing{
padding:18px}
.table-loading{
font-size:11px;
color:#8da1ac;
padding:24px;
text-align:center}
.flash-messages .alert{
font-size:12px;
border-radius:7px;
padding:13px 42px 13px 17px}
.flash-messages:empty{
display:none}
.alert-success{
--bs-alert-color:#347d65;
--bs-alert-bg:#edf8f2;
--bs-alert-border-color:#d1eadc}
.alert-danger{
--bs-alert-color:#9b5b62;
--bs-alert-bg:#fff0f1;
--bs-alert-border-color:#f2d8dc}
.auth-page{
min-height:100vh;
display:grid;
grid-template-columns:44% 56%;
background:white}
.auth-story{
background:var(--navy);
display:flex;
flex-direction:column;
justify-content:space-between;
padding:42px 54px;
color:white;
position:relative;
overflow:hidden}
.auth-story .brand{
position:relative;
z-index:1;
margin:0}
.auth-story:after{
content:"";
position:absolute;
width:380px;
height:380px;
border:1px solid #37545b;
border-radius:50%;
bottom:-180px;
right:-170px;
box-shadow:0 0 0 55px #132a38,0 0 0 56px #29444d,0 0 0 112px #132a38,0 0 0 113px #223e48;
pointer-events:none}
.auth-story-copy{
position:relative;
z-index:1;
max-width:390px;
padding:55px 0}
.auth-story-copy .page-eyebrow{
color:#62cbb1;
font-size:10px}
.auth-story-copy h1{
font-size:34px;
line-height:1.55;
font-weight:600;
letter-spacing:-1.2px;
margin:16px 0 20px}
.auth-story-copy p{
color:#a0b5c1;
line-height:2;
font-size:12px;
max-width:320px}
.auth-story-footer{
font-size:9px;
letter-spacing:.5px;
color:#79939f;
position:relative;
z-index:1}
.auth-main{
display:grid;
place-items:center;
padding:40px}
.auth-card{
max-width:365px;
width:100%}
.auth-card h2{
font-size:25px;
color:var(--ink);
font-weight:650;
letter-spacing:-.8px;
margin-bottom:9px}
.auth-subtitle{
font-size:12px;
color:#8d9da7;
margin-bottom:28px}
.auth-card .form-label{
font-size:11px}
.auth-card .form-control{
padding:11px 12px}
.auth-card .btn{
padding:12px;
width:100%;
margin-top:8px}
.auth-footnote{
font-size:11px;
text-align:center;
color:#9ba9b2;
margin-top:24px}
.auth-footnote a{
font-weight:550}
.auth-extra{
font-size:10px;
line-height:1.9;
margin-top:32px;
padding-top:21px;
border-top:1px solid var(--line);
color:#a1aeb6}
.auth-small-link{
display:flex;
justify-content:flex-end;
font-size:10px;
margin:12px 0}
.auth-errors{
font-size:11px;
padding:12px 14px}
.guide-layout{
display:grid;
grid-template-columns:190px minmax(0,1fr);
gap:25px;
align-items:start}
.guide-toc{
position:sticky;
top:20px;
padding:17px 0}
.guide-toc a{
display:block;
padding:8px 13px;
font-size:11px;
color:#8196a3;
border-left:2px solid transparent}
.guide-toc a:hover{
border-color:#8ec3b2;
color:var(--teal);
background:#eef6f2}
.guide-toc .nav-section-label{
color:#96a7b1;
margin-bottom:13px;
font-size:9px}
.guide-section{
padding:25px}
.guide-section h2{
font-size:17px;
font-weight:650;
margin-bottom:11px;
color:var(--ink)}
.guide-section h3{
font-size:12px;
font-weight:650;
margin:23px 0 10px}
.guide-section p,.guide-section li{
font-size:12px;
color:#778e9c;
line-height:1.9}
.guide-section ul{
padding-left:19px}
.code-block{
position:relative;
background:#142c39;
border:1px solid #254652;
border-radius:6px;
margin:12px 0 16px;
padding:17px 18px;
overflow:hidden}
.code-block pre{
white-space:pre-wrap;
word-break:break-word;
font-size:11px;
line-height:1.9;
color:#bee0d8;
margin:0;
font-family:"Cascadia Code",Consolas,monospace;
padding-right:25px}
.code-copy{
position:absolute;
right:8px;
top:8px;
background:#294854;
color:#b2c9cd;
border:1px solid #41616b;
border-radius:4px;
padding:3px 6px;
font-size:9px}
.code-copy:hover{
background:#365964}
.guide-label{
font-size:9px;
letter-spacing:1px;
color:#8fbcb0;
display:block;
margin-bottom:9px}
.account-layout{
max-width:800px}
.account-details{
display:flex;
gap:20px;
align-items:center}
.account-details .avatar{
width:50px;
height:50px;
font-size:18px;
background:#e8f3ef;
color:#559580}
.account-details h2{
font-size:16px;
font-weight:600;
margin-bottom:3px}
.account-details p{
margin:0;
font-size:12px;
color:#8b9ca6}
.destructive-panel{
border-color:#efdbdd}
.destructive-panel .panel-header{
border-bottom-color:#f2e4e5}
.destructive-panel .panel-header h2{
color:#b27379}
.modal-content{
border:0;
border-radius:9px}
.modal-header{
padding:20px 24px;
border-color:var(--line)}
.modal-title{
font-size:16px;
font-weight:650}
.modal-body{
padding:24px}
.modal-footer{
padding:15px 24px;
background:#fafcfd;
border-color:var(--line)}
.modal-body p{
font-size:12px;
color:#7b919e}
.error-page{
min-height:100vh;
display:grid;
place-items:center;
padding:30px}
.error-card{
background:white;
border:1px solid var(--line);
padding:45px;
border-radius:10px;
width:100%;
max-width:500px;
text-align:center}
.error-code{
font-size:54px;
font-weight:600;
color:#b3d1c9;
margin:15px 0}
.error-card h1{
font-size:20px;
margin:0 0 15px}
.error-card p{
font-size:12px;
color:#8398a5}
.error-card .brand{
display:inline-flex;
font-size:20px;
margin:0;
color:var(--ink)}
.error-card .brand-mark{
color:var(--teal)}
.footer-note{
font-size:9px;
color:#a4b0b8;
text-align:right;
margin-top:24px}
details summary{
list-style-position:inside}
textarea.mono{
line-height:1.8}
.hidden{
display:none!important}
[hidden]{
display:none!important}
@media(min-width:1500px){
.main-content{
padding-top:38px}
.page-header{
margin-bottom:32px}
}
.dashboard-grid > *, .issue-layout > *, .detail-grid > * {
min-width: 0;
}
@media(max-width:1200px){
.sidebar{
width:214px}
.workspace{
margin-left:214px}
.main-content{
padding:28px 26px}
.topbar{
padding:0 26px}
.stat-grid{
gap:10px}
.stat-card{
padding:16px}
.dashboard-grid{
grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}
.issue-layout{
grid-template-columns:minmax(0,1fr) 230px}
.table>:not(caption)>*>*{
padding-left:15px;
padding-right:15px}
.auth-story{
padding:36px}
.auth-story-copy h1{
font-size:29px}
}
@media(max-width:1000px){
.issue-layout,.detail-grid{
grid-template-columns:1fr}
.issue-side{
position:static;
display:none}
.stat-grid{
grid-template-columns:repeat(3,1fr)}
.stat-card:nth-child(n+4){
display:none}
.dashboard-grid{
grid-template-columns:1fr}
.dashboard-grid>.dashboard-side{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px}
.auth-story{
padding:30px}
.auth-story-copy h1{
font-size:26px}
.table-toolbar{
flex-wrap:wrap}
.auth-main{
padding:30px}
}
@media(max-width:767px){
.sidebar{
transform:translateX(-100%);
transition:transform .18s;
width:232px;
box-shadow:10px 0 40px #132a3826}
.sidebar.is-open{
transform:translateX(0)}
.workspace{
margin-left:0}
.sidebar-toggle{
display:block;
margin-right:12px}
.topbar{
padding:0 18px;
height:56px;
justify-content:flex-start}
.private-label{
margin-left:auto;
font-size:8px}
.breadcrumb-line{
font-size:10px;
gap:7px}
.breadcrumb-line>span:first-child{
display:none}
.breadcrumb-divider{
display:none}
.main-content{
padding:23px 18px 35px}
.page-header{
align-items:flex-start;
gap:12px;
margin-bottom:22px}
.page-header h1{
font-size:22px}
.page-header p{
font-size:11px;
max-width:230px}
.page-header>.btn{
padding:8px 11px;
font-size:10px}
.stat-grid{
gap:8px}
.stat-card{
padding:12px}
.stat-heading{
font-size:9px}
.stat-heading svg{
display:none}
.stat-value{
font-size:27px}
.stat-note{
font-size:8px}
.dashboard-grid>.dashboard-side{
display:block}
.panel-header,.panel-body{
padding:18px}
.form-section{
padding:20px}
.form-grid{
grid-template-columns:1fr;
gap:17px}
.form-grid .full-width{
grid-column:auto}
.form-actions{
padding:18px;
flex-wrap:wrap}
.form-actions .form-text{
width:100%}
.table-toolbar{
padding:14px;
gap:8px}
.search-field{
max-width:none;
flex-basis:100%}
.table-toolbar select{
flex:1;
min-width:110px}
.metadata-list{
grid-template-columns:100px minmax(0,1fr);
gap:14px}
.auth-page{
display:block;
background:var(--surface)}
.auth-story{
padding:24px;
display:block}
.auth-story-copy{
padding:20px 0 0}
.auth-story-copy h1{
font-size:24px;
margin:12px 0 0;
line-height:1.5}
.auth-story-copy p,.auth-story-footer{
display:none}
.auth-story .brand{
font-size:21px}
.auth-main{
padding:32px 24px}
.auth-card{
max-width:420px}
.auth-card h2{
font-size:23px}
.guide-layout{
display:block}
.guide-toc{
display:none}
.guide-section{
padding:20px}
.btn{
white-space:normal}
.selection-toggle{
gap:8px}
.selection-option label{
font-size:11px;
padding-left:31px}
.selection-option label small{
font-size:8px}
.selection-option input{
left:11px}
.error-card{
padding:28px}
.footer-note{
text-align:left}
.table-responsive{
border-radius:0}
}
@media(prefers-reduced-motion:reduce){
*{
transition:none!important;
scroll-behavior:auto!important}
}
.san-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:8px;margin-bottom:8px}
.usage-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.usage-options legend{float:none;width:auto}
.usage-options .form-check{margin:0;min-width:0;padding:12px 12px 12px 36px;background:var(--bs-tertiary-bg,#f6f8fa);border-radius:8px}
.usage-options small{display:block;color:var(--bs-secondary-color,#6c757d);font-size:11px}
.usage-options .form-check:has(input:disabled){opacity:.5}
.workspace-picker{margin:20px 0 24px;min-width:0}
.workspace-picker .workspace-label{background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:8px;width:100%;margin:0;padding:10px;color:inherit;display:flex;gap:7px;align-items:center;text-align:left}
.workspace-picker .workspace-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.workspace-picker .dropdown-menu{max-width:100%;width:100%;max-height:320px;overflow-y:auto}
.workspace-picker .dropdown-item{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.san-row{grid-template-columns:110px minmax(0,1fr)}.san-row>[data-remove-san]{grid-column:2;justify-self:end}.usage-options{grid-template-columns:1fr}}